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; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:400;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none} .modal .modal-footer { clear: both;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
aside,article{-webkit-box-shadow:1px 1px 1px 0 #b8b8b8;-moz-box-shadow:1px 1px 1px 0 #b8b8b8;box-shadow:1px 1px 1px 0 #b8b8b8}
article{background:#fff;clear:both;padding:30px;margin:20px 0}
h2 a {color: #203568;font-weight: 800;}
.single  h2 i.fa{font-size: 40px;color: #203568;}
/* ================= Body============================================= */
html, body { height: 100%; }
body { font-weight: 400; min-width: 320px; font-family: 'Roboto', sans-serif; font-style: normal; -webkit-font-smoothing: antialiased;color: #333;line-height: 25px; }
::-moz-selection { color: #FFF; background-color: #55c8ff; }
::selection { color: #FFF; background-color: #55c8ff; }
.clr{ clear:both;}
a { text-decoration: none !important; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
iframe { border: none; overflow: hidden; margin: 0; }
.item-content .featured-image {
	width: 100%;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    height: 200px;
}
.featured-image a { height: 100%; width: 100%;}
section#layout div a.layout-res {height: 225px;width: 100%;}
section#layout div a.layout-res img {height: 100%;width: 100%;object-fit:cover;}
.search.search-results img {height: auto;  width: 100%;}
#menu-header-menu li .sub-menu li .sub-menu{left: 215px;top: 5px; display:none;max-width: 205px;}
#menu-header-menu li .sub-menu li:hover .sub-menu{ display:block;}
/****newsletter***/
.single.single-newsletter div.single-header,.single.single-newsletter div.single-content{display: none;}
.page-template.page-template-news-template.page-template-news-template-php div.item-content .featured-image {height: auto;}
.page-template.page-template-news-template.page-template-news-template-php .blog-item div.item-content { min-height: auto;}
.single.single-newsletter .newsletter table p {font-size: 12px !important; line-height: 1.6em !important; color: #7c7c7c !important; font-family: Trebuchet MS, sans-serif !important;    padding: 10px 10px 0 0;
    margin-bottom: 0;}
/* ================================ Global CSS=================================================================== */
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden; }
.responsive-video iframe, .responsive-video object, .responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact-forms.padding.paddv-80.remove-padding.paddb strong {font-weight: 600;}
.mfp-bg { background-color: #55c8ff !important; }
.z-forward { z-index: 2; }
.tml.tml-login {float: left;clear: both;width: 50%;padding: 0 30px 0 0;}
nav#nav-below { clear: both;}
.form-group.contact-us.copyrights ul,.form-group.contact-us.copyrights ul li { display: inline-block;}
.form-group.contact-us.copyrights ul.footer-social li:before { display: none;}
.form-group.contact-us.copyrights ul.footer-social li a {display: block;padding: 10px 0px;font-size: 18px;text-align: center; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #203568;}
.form-group.contact-us.copyrights ul.footer-social li { display: inline-block; margin-right: 0px;margin-left:-20px !important; margin-bottom: 0px; width: 60px; height: 35px;}
.padding.paddv-100 { padding: 100px 0 !important; }
.padding.paddv-80 { padding: 80px 0 !important; }
.padding.paddv-60 { padding: 60px 0 !important; }
.padding.paddv-30 { padding: 30px 0 !important; }
.padding.paddv-10 { padding: 10px 0 !important; }
.margin.margv-100 { margin: 100px 0 !important; }
.margin.margv-80 { margin: 80px 0 !important; }
.margin.margv-60 { margin: 60px 0 !important; }
.margin.margv-30 { margin: 30px 0 !important; }
.margin.margv-10 { margin: 10px 0 !important; }
.remove-padding.paddv { padding-top: 0 !important; padding-bottom: 0 !important; }
.remove-padding.paddh { padding-left: 0 !important; padding-right: 0 !important; }
.remove-padding.paddt { padding-top: 0 !important; }
.remove-padding.paddb { padding-bottom: 0 !important; }
.remove-padding.paddl { padding-left: 0 !important; }
.remove-padding.paddr { padding-right: 0 !important; }
.add-padding.paddt-30 { padding-top: 30px !important; }
.add-padding.paddb-30 { padding-bottom: 30px !important; }
.add-padding.paddl-30 { padding-left: 30px !important; }
.add-padding.paddr-30 { padding-right: 30px !important; }
.add-padding.paddt-60 { padding-top: 60px !important; }
.add-padding.paddb-60 { padding-bottom: 60px !important; }
.add-padding.paddl-60 { padding-left: 60px !important; }
.add-padding.paddr-60 { padding-right: 60px !important; }
.add-padding.paddt-80 { padding-top: 80px !important; }
.add-padding.paddb-80 { padding-bottom: 80px !important; }
.add-padding.paddl-80 { padding-left: 80px !important; }
.add-padding.paddr-80 { padding-right: 80px !important; }
.add-margin.margt-30 { margin-top: 30px !important; }
.add-margin.margb-30 { margin-bottom: 30px !important; }
.add-margin.margl-30 { margin-left: 30px !important; }
.add-margin.margr-30 { margin-right: 30px !important; }
.add-margin.margt-60 { margin-top: 60px !important; }
.add-margin.margb-60 { margin-bottom: 60px !important; }
.add-margin.margl-60 { margin-left: 60px !important; }
.add-margin.margr-60 { margin-right: 60px !important; }
.add-margin.margt-80 { margin-top: 60px !important; }
.add-margin.margb-80 { margin-bottom: 80px !important; }
.add-margin.margl-80 { margin-left: 80px !important; }
.add-margin.margr-80 { margin-right: 80px !important; }
.add-margin.margt-100 { margin-top: 100px !important; }
.add-margin.margb-100 { margin-bottom: 100px !important; }
.add-margin.margl-100 { margin-left: 100px !important; }
.add-margin.margr-100 { margin-right: 100px !important; }
.remove-margin.margv { margin-top: 0 !important; margin-bottom: 0 !important; }
.remove-margin.margh { margin-left: 0 !important; margin-right: 0 !important; }
.remove-margin.margt { margin-top: 0 !important; }
.remove-margin.margb { margin-bottom: 0 !important; }
.remove-margin.margl { margin-left: 0 !important; }
.remove-margin.margr { margin-right: 0 !important; }
/*================================================== Effect 2 ===============================================*/
.effect2 { position: relative; }
.effect2:before, .effect2:after { display: block; z-index: -1; position: absolute; content: ""; bottom: 15px; left: 20px; width: 50%; top: 80%; max-width: 900px; background: transparent; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 10px 30px #000; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }
.effect2:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }
/* ====================================================== Background Attributes================================================================== */
.has-bg { background-repeat: repeat-y; background-position: 50%; background-size: cover; }
.bg-size-auto { background-size: auto; }
.bg-fixed { background-attachment: fixed; }
.c-content-login-form .modal-body .shareaholic-canvas,
.single .sponsors-mails li::before {
    display: none !important;
}
.single .sponsors-mails li i {
    margin-right: 10px !important;
}
.single .sponsors-mails li {
    padding-left: 0 !important;
}
.single .sponsors-mails {
    margin-bottom: 0 !important;
}
.single-event .single-content h4 {
    margin-bottom: 25px;
    font-weight: bold;
    margin-top: 10px;
    border-bottom: 2px solid #1f3568;
    display: inline-block;
}
.single-event .single-content a {
    font-weight: bold;
}
.single-event .single-content p strong {
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
/*    border-bottom: 2px solid #1f3568;*/
}
.single-event .single-content p {
    margin-bottom: 15px !important;
}
/*.single-event .single-content div {
    float: none !important;
    width: 100%;
    text-align: center;
	margin-left: 0 !important;
    margin-right: 0 !important;
}
.single-event .single-content div div {
    float: none !important;
    margin: 0 auto !important;
}*/
.single-event .site-container section.single-page-wrapper .single-content ul li {
    font-size: 16px;
    color: #646464;
}
.single-event .site-container section.single-page-wrapper .single-content ul li {
    margin-bottom: 15px;
}
.single-event .single-header .featured-image,
.single-event .single-header
{
    display: none;
}
.single-event .single-content div {
    float: left;
}


/* ========================================================================== Site Container with Content
============================================================================= */
.site-container { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 1; width: 100%; height: 100%; /* ========================================================================== Splash Media (.splash-media-video, .splash-media-img)
============================================================================= */ }
.site-container header.fullscreen-nav { position: absolute; top: 150px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.site-container header.fullscreen-nav .nav-socials { position: absolute; top: -50px; right: 30px; width: 100%; text-align: right; }
.site-container header.fullscreen-nav .nav-socials ul li { display: inline-block; }
.site-container header.fullscreen-nav .nav-socials ul li a { display: block; font-size: 13px; width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #646464; color: #0a0a0a; margin-left: 10px; padding-top: 6px; text-align: center; }
.site-container header.fullscreen-nav .nav-socials ul li a:hover { background: #FFF; }
.site-container header.fullscreen-nav.affix-top { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.site-container header.fullscreen-nav.affix-top .navbar-brand { padding: 15px 0 12px !important; }
.site-container header.fullscreen-nav.affix-top .navbar .navbar-collapse nav ul li a { padding: 35px 20px 30px; }
.site-container header.fullscreen-nav.affix-top .navbar .navbar-header button { padding: 20px 10px !important; }
.site-container header.fullscreen-nav.affix { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
.site-container header.fullscreen-nav.affix .nav-socials { display: none; }
.site-container header.single-page { background: #FFF; width: 100%;  -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; border-bottom: none; }
.site-container header.single-page.affix-top { position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.site-container header.single-page.affix-top .navbar-header button { padding: 34px 10px; }
.site-container header.single-page.affix-top .navbar-header button span { background-color: #000 !important; height: 5px; }
.site-container header.single-page.affix { position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-box-shadow: 0 2px 10px -3px gray; -moz-box-shadow: 0 2px 10px -3px gray; box-shadow: 0 2px 10px -3px gray; }
.site-container header.single-page.affix .navbar-header button { padding: 15px 10px; }
.site-container header.single-page.affix .navbar-header button span { background-color: #000 !important; height: 5px; }
.site-container header.single-page.affix .navbar { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page.affix .navbar a.navbar-brand { padding: 15px 0; }
.site-container header.single-page.affix .navbar a.navbar-brand img { height: 35px; }
.site-container header.single-page.affix .navbar a.navbar-brand span { padding-left: 45px; padding-top: 7px; }
.site-container header.single-page.affix .navbar .navbar-collapse { padding: 0; }
.site-container header.single-page.affix .navbar .navbar-collapse nav ul li a { padding: 25px 20px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page.affix .container:after { padding: 33px 0; }
.site-container header.single-page .container { /*position: relative; */-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
/*.site-container header.single-page .container:after { content: ""; position: absolute; background: #f00; top: 0; left: 100%; margin-left: -15px; bottom: 0; width: 9999px; padding: 53px 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }*/
.site-container header.single-page .navbar { border-width: 0px; margin: 0; }
.site-container header.single-page .navbar a.navbar-brand { display: block; text-decoration: none; color: #232323; padding: 0px 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out;position:fixed; }
.site-container header.single-page .navbar a.navbar-brand img { float: left;-webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar a.navbar-brand span { padding-left: 53px; padding-top: 25px; font-size: 12px; line-height: 12px; color: #232323; width: 130px; display: block; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar .navbar-collapse { padding: 0; }
.site-container header.single-page .navbar .navbar-collapse nav { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar .navbar-collapse nav ul { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar .navbar-collapse nav ul li { float: left; margin-left: 1px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.single-page .navbar .navbar-collapse nav ul li a { display: block;padding: 45px 10px;font-size: 15px; font-weight: normal;font-family: 'Glegoo',sans-serif; line-height: 16px; color: #232323; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; background-color: #fff; text-decoration: none; margin: 0; }
.site-container header.single-page .navbar .navbar-collapse nav ul li a:hover { /*background-position: 0 -100%;*/ background-color: #203568; color: #FFF; }
.site-container header.single-page .navbar .navbar-collapse nav ul li.active a { /*background-position: 0 -100%;*/ background-color: #203568; color: #FFF; }
.site-container header.header { z-index: 999; overflow: visible !important; background: #FFF; width: 100%; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; border-bottom: none; }
.site-container header.header.affix { position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-box-shadow: 0 2px 10px -3px gray; -moz-box-shadow: 0 2px 10px -3px gray; box-shadow: 0 2px 10px -3px gray; }
.site-container header.header.affix .navbar-header button { padding: 15px 10px; }
.site-container header.header.affix .navbar-header button span { background-color: #000 !important; height: 5px; }
.site-container header.header.affix .navbar { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header.affix .navbar a.navbar-brand { padding: 15px 0; }
.site-container header.header.affix .navbar a.navbar-brand img { height: 35px; }
.site-container header.header.affix .navbar a.navbar-brand span { padding-left: 45px; padding-top: 7px; }
.site-container header.header.affix .navbar .navbar-collapse { padding: 0; }
.site-container header.header.affix .navbar .navbar-collapse nav ul li a { padding: 25px 20px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header.affix > .container.shadow:before, .site-container header.header.affix > .container.shadow:after { display: none; }
.site-container header.header.affix > .container.shadow:after { padding: 33px 0; }
.site-container header.header.affix-top .navbar-header button { padding: 34px 10px; }
.site-container header.header.affix-top .navbar-header button span { background-color: #000 !important; 
height: 5px; }
.site-container header.header.affix-top > .container.shadow:before, .site-container header.header.affix-top > .container.shadow:after { display: block; }
.site-container header.header > .container { position: relative; }
.site-container header.header > .container.shadow { position: relative; }
.site-container header.header > .container.shadow:before { position: absolute; left: 0; bottom: -27px; display: block; content: ""; width: 50%; height: 27px; background: url(../img/shadow-header-left.png) no-repeat; background-size: contain; z-index: 999; }
.site-container header.header > .container.shadow:after { position: absolute; right: 0; bottom: -27px; display: block; content: ""; width: 50%; height: 27px; background: url(../img/shadow-header-right.png) no-repeat; background-size: contain; z-index: 999; }
.site-container header.header .navbar { border-width: 0px; margin: 0; background-color: #FFF; }
.site-container header.header .navbar a.navbar-brand { display: table; text-decoration: none; color: #000000; padding: 25px 0 22px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar a.navbar-brand img { float: left; height: 100%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar a.navbar-brand span { padding-left: 53px; padding-top: 25px; font-size: 12px; line-height: 12px; color: #000000; width: 130px; display: block; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar .navbar-collapse { padding: 0; }
.site-container header.header .navbar .navbar-collapse nav ul li { float: left; margin-left: 1px; }
.site-container header.header .navbar .navbar-collapse nav ul li a { position: relative; display: block; padding: 45px 20px 35px; font-size: 16px; font-weight: normal; line-height: 16px; color: #646464; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; background-color: #fff; text-decoration: none; margin: 0; }
.site-container header.header .navbar .navbar-collapse nav ul li a:after { position: absolute; bottom: 0; display: block; content: ""; width: 0; height: 4px; background-color: #55c8ff; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar .navbar-collapse nav ul li a:hover { background-color: #fff; color: #55c8ff; }
.site-container header.header .navbar .navbar-collapse nav ul li a:hover:after { width: 55%; }
.site-container header.header .navbar .navbar-collapse nav ul li.active > a { background-color: #fff; color: #55c8ff; }
.site-container header.header .navbar .navbar-collapse nav ul li.active > a:after { position: absolute; bottom: 0; display: block; content: ""; width: 55%; height: 4px; background-color: #55c8ff; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container header.header .navbar .navbar-collapse nav ul li:hover > ul.drop-down { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down { position: absolute; top: 100%; left: 20px; width: 200px; background-color: #f5f5f5; border-top: #55c8ff 4px solid; border-bottom: #eeeeef 1px solid; border-left: #eeeeef 1px solid; border-right: #eeeeef 1px solid; visibility: hidden; opacity: 0; margin: 0; padding: 10px 0; z-index: 9999; -webkit-transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; transition: all 0.17s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li { position: relative; margin: 0; display: block; float: none; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li ul.drop-down.level3 { position: absolute; top: 0px; left: 100%; margin-left: 1px; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li a { display: block; padding: 10px 25px; background-color: #f5f5f5; color: #646464; font-size: 14px;  }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover a { background-color: #fff; color: #000; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover a:after { display: none; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 { visibility: visible; opacity: 1; background: #f5f5f5; border-top: 0; padding: 0; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a { background: #f5f5f5; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a:hover { background-color: #fff; color: #000; }
.site-container header.header .navbar .navbar-collapse nav ul li ul.drop-down li:hover ul.drop-down.level3 li a:hover:after { display: none; }
.site-container .fullwidth-slider { margin-top: 0px; background-color: #232323; width: 100%; }
.site-container .fullwidth-slider.default-slider { margin-top: 0; background-color: #fff; }
.site-container .fullwidth-slider.fullscreen-slider { margin-top: 0; background-color: #fff; width: 100%; position: relative; padding: 0; }
.site-container .fullwidth-slider .tp-banner-container { width: 100%; position: relative; padding: 0; }
.site-container .fullwidth-slider .dev-caption-1 { font-family: 'Roboto Condensed', sans-serif; font-size: 3.75em; font-weight: 300; color: #FFF; }
.site-container .fullwidth-slider .dev-caption-2 { font-family: 'Roboto Condensed', sans-serif; font-size: 4.6875em; font-weight: 300; color: #FFF; text-transform: uppercase; }
.site-container .fullwidth-slider .dev-caption-3 { font-size: 1.5625em; font-weight: normal; color: #FFF; }
.site-container .fullwidth-slider .dev-box-container { display: block; width: 56.25em; height: 14em; background-color: #131313; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
.site-container .fullwidth-slider .dev-box-caption { display: inline-block; width: 9.375em; color: #969696; margin-right: 10px; }
.site-container .fullwidth-slider .dev-box-caption a { display: block; color: #FFF; font-size: 5em; margin-bottom: 0.4375em; }
.site-container .fullwidth-slider .dev-box-caption h2 { font-size: 1.125em; font-weight: 300; color: #969696; white-space: normal !important; margin-bottom: 0.6875em; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .fullwidth-slider .dev-box-caption p {  font-size: 0.75em; font-weight: normal; white-space: normal !important; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .fullwidth-slider .dev-box-caption:after { display: block; content: ""; width: 0; height: 0.3125em; background-color: #55c8ff; margin-top: 1.5625em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .fullwidth-slider .dev-box-caption:hover a { color: #55c8ff; }
.site-container .fullwidth-slider .dev-box-caption:hover h2 { color: #FFF; }
.site-container .fullwidth-slider .dev-box-caption:hover p { color: #FFF; }
.site-container .fullwidth-slider .dev-box-caption:hover:after { width: 4.125em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .fullwidth-slider .dev-caption-4 { font-family: 'Roboto', sans-serif; font-size: 3.75em; font-weight: 300; color: #000; }
.site-container .fullwidth-slider .dev-caption-4.white { color: #FFF !important; }
.site-container .fullwidth-slider .dev-caption-4.white span { color: #FFF !important; }
.site-container .fullwidth-slider .dev-caption-4 span { font-size: 0.66667em; padding: 0px 0.3125em; background-color: #55c8ff; color: #FFF; }
.site-container .fullwidth-slider .dev-caption-5 { font-family: 'Roboto', sans-serif; font-size: 4.6875em; font-weight: 300; color: #55c8ff; }
.site-container .fullwidth-slider .dev-caption-5 span { font-size: 0.66667em; color: #000; }
.site-container .fullwidth-slider .dev-caption-5 span.white { color: #FFF !important; }
.site-container .fullwidth-slider .dev-caption-6 { font-size: 1.125em; color: #000; }
.site-container .fullwidth-slider .dev-caption-6.white { color: #FFF !important; }
.site-container .fullwidth-slider .dev-button a { display: table; margin: 1.875em auto; padding: 0.9375em 3.4375em; }
.site-container .wrapper { background-color: #FFF; position: relative !important; }
.site-container .splash-media, .site-container .section-media { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.site-container .splash-media.splash-media-img { background-position: 50%; background-repeat: no-repeat; background-size: cover; }
.site-container .site-splash { position: relative; overflow: hidden; z-index: 1 !important; background-color: #FFF; }
.site-container .site-splash .splash-layers { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1 !important; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.site-container .site-splash .splash-layers .splash-container { width: 80%; margin: 0 auto; }
.site-container .site-splash .splash-layers .bottom-layer { position: absolute; bottom: 0; z-index: 1 !important; }
.site-container .site-splash .splash-layers .bottom-layer .splash-title { font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 300; color: #FFF; text-align: center; margin-bottom: 40px; }
.site-container .site-splash .splash-layers .bottom-layer .splash-desc { font-size: 13px; font-weight: normal; color: #FFF; text-align: center; line-height: 18px; margin-bottom: 60px; padding: 0 50px; }
.site-container .site-splash .splash-layers .bottom-layer .splash-desc:after { content: ""; display: block; width: 100px; height: 5px; background-color: #55c8ff; margin: 40px auto 0; }
.site-container .site-splash .splash-layers .bottom-layer a { display: block; }
.site-container .site-splash .splash-layers .bottom-layer a img { width: 100%; }
.site-container .site-splash .splash-media-video .overlay { z-index: 2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAmf9A5tgAAAARSURBVAjXY1i1agEDEFCLBgA1MROJWXE8mAAAAABJRU5ErkJggg=="); }
.site-container .site-splash.fullscreen { height: 100%; }
.site-container .oldsection, .site-container section { z-index: 1; }
.site-container .oldsection h1.section-title, .site-container section h1.section-title { 
font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 300; color: #203568; text-transform: uppercase; text-align: center; margin: 60px; }
.site-container .oldsection h1.section-title:after, .site-container section h1.section-title:after { display: block; content: ""; margin: 30px auto 0; width: 100px; height: 3px; background-color: #55c8ff; }
.site-container .oldsection h2.title-desc, .site-container section h2.title-desc { font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 300; color: #232323; text-align: center; margin-bottom: 60px; }
.site-container .oldsection h2.title-desc:after, .site-container section h2.title-desc:after { display: block; content: ""; width: 100px; height: 3px; background-color: #55c8ff; margin: 30px auto 0; }
.site-container .oldsection h2.title-desc span, .site-container section h2.title-desc span { display: block;  font-size: 13px; font-weight: normal; line-height: 18px; color: #7d7d7d; margin-top: 35px; }
.site-container .oldsection .circle-progress, .site-container section .circle-progress { position: relative; padding: 10% 0 35%; margin-bottom: 60px; }
.site-container .oldsection .circle-progress .circle-left, .site-container section .circle-progress .circle-left { display: block; position: absolute; left: 20%; width: 40%; height: 0; padding: 20% 0; background-color: rgba(85, 200, 255, 0.75); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-left .line-one, .site-container section .circle-progress .circle-left .line-one { position: absolute; width: 40%; height: 0; border-top: #666666 2px dotted; left: -20%; top: 38%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-left .line-one:after, .site-container section .circle-progress .circle-left .line-one:after { position: absolute; display: block; content: "\f0c1"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -28px; width: 40%; height: 0; padding: 20% 0; background-color: #55c8ff; color: #FFF; font-size: 15px; line-height: 3px; text-align: center; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-left .line-two, .site-container section .circle-progress .circle-left .line-two { position: absolute; width: 36%; height: 0; border-top: #666666 2px dotted; left: -19%; top: 48.7%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-left .line-two:after, .site-container section .circle-progress .circle-left .line-two:after { position: absolute; display: block; content: "\f07a"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -26px; width: 40%; height: 0; padding: 20% 0; background-color: #55c8ff; color: #FFF; font-size: 15px; line-height: 3px; text-align: center; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-left .line-three, .site-container section .circle-progress .circle-left .line-three { position: absolute; width: 40%; height: 0; border-top: #666666 2px dotted; left: -20%; top: 58%; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-left .line-three:after, .site-container section .circle-progress .circle-left .line-three:after { position: absolute; display: block; content: "\f06e"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -28px; width: 40%; height: 0; padding: 20% 0; background-color: #55c8ff; color: #FFF; font-size: 15px; line-height: 0px; text-align: center; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-left .circle, .site-container section .circle-progress .circle-left .circle { position: absolute; top: 35%; left: 25%; z-index: 10; }
.site-container .oldsection .circle-progress .circle-left .circle h2, .site-container section .circle-progress .circle-left .circle h2 { font-family: 'Roboto', sans-serif; font-size: 1.375em; font-weight: 300; color: #FFF; text-align: center; max-width: 100px; }
.site-container .oldsection .circle-progress .circle-left .circle h2 span, .site-container section .circle-progress .circle-left .circle h2 span { display: block; font-size: 1.45455em; color: #FFF; }
.site-container .oldsection .circle-progress .circle-right, .site-container section .circle-progress .circle-right { display: block; position: absolute; right: 20%; width: 40%; height: 0; padding: 20% 0; background-color: rgba(120, 120, 120, 0.75); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-right .line-one, .site-container section .circle-progress .circle-right .line-one { position: absolute; width: 40%; height: 0; border-top: #666666 2px dotted; right: -20%; top: 38%; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-right .line-one:after, .site-container section .circle-progress .circle-right .line-one:after { position: absolute; display: block; content: "\f00c"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -28px; width: 40%; height: 0; padding: 20% 0; background-color: #7d7d7d; color: #FFF; font-size: 15px; line-height: 3px; text-align: center; -webkit-transform: rotate(-150deg); -moz-transform: rotate(-150deg); -ms-transform: rotate(-150deg); -o-transform: rotate(-150deg); transform: rotate(-150deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-right .line-two, .site-container section .circle-progress .circle-right .line-two { position: absolute; width: 36%; height: 0; border-top: #666666 2px dotted; right: -19%; top: 48.7%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-right .line-two:after, .site-container section .circle-progress .circle-right .line-two:after { position: absolute; display: block; content: "\f07c"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -26px; width: 40%; height: 0; padding: 20% 0; background-color: #7d7d7d; color: #FFF; font-size: 15px; line-height: 3px; text-align: center; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-right .line-three, .site-container section .circle-progress .circle-right .line-three { position: absolute; width: 40%; height: 0; border-top: #666666 2px dotted; right: -20%; top: 58%; -webkit-transform: rotate(-150deg); -moz-transform: rotate(-150deg); -ms-transform: rotate(-150deg); -o-transform: rotate(-150deg); transform: rotate(-150deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .circle-progress .circle-right .line-three:after, .site-container section .circle-progress .circle-right .line-three:after { position: absolute; display: block; content: "\f013"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; top: -15px; left: -28px; width: 40%; height: 0; padding: 20% 0; background-color: #7d7d7d; color: #FFF; font-size: 15px; line-height: 0px; text-align: center; -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -ms-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .circle-progress .circle-right .circle, .site-container section .circle-progress .circle-right .circle { position: absolute; top: 35%; left: 30%; z-index: 10; }
.site-container .oldsection .circle-progress .circle-right .circle h2, .site-container section .circle-progress .circle-right .circle h2 { font-family: 'Roboto', sans-serif; font-size: 1.375em; font-weight: 300; color: #FFF; text-align: center; max-width: 100px; }
.site-container .oldsection .circle-progress .circle-right .circle h2 span, .site-container section .circle-progress .circle-right .circle h2 span { display: block; font-size: 1.45455em; color: #FFF; }
.site-container .oldsection .circle-text, .site-container section .circle-text { text-align: center; padding: 0 100px 0; }
.site-container .oldsection .vertical-profile, .site-container section .vertical-profile { padding-bottom: 30px; border-bottom: #dcdcdc 1px solid; }
.site-container .oldsection .vertical-profile.no-border, .site-container section .vertical-profile.no-border { border-bottom: none; }
.site-container .oldsection .vertical-profile .profile-image, .site-container section .vertical-profile .profile-image { display: block; }
.site-container .oldsection .vertical-profile .profile-image img, .site-container section .vertical-profile .profile-image img { width: 100%; }
.site-container .oldsection .vertical-profile .author-name, .site-container section .vertical-profile .author-name 
{
	font-family: 'Roboto', sans-serif;
    font-size: 25px;
    font-weight: 300;
    color: #232323;
    line-height: 30px;
    margin-top: 20px;
    padding-left: 20px;
}
.site-container .oldsection .vertical-profile .author-name:after, .site-container section .vertical-profile .author-name:after { display: block; content: ""; width: 25px; height: 5px; margin-top: 15px; background-color: #55c8ff; }
.site-container .oldsection .vertical-profile .author-name span, .site-container section .vertical-profile .author-name span { display: block;  font-size: 16px; font-weight: normal; text-transform: none; color: #55c8ff; }
.site-container .oldsection .vertical-profile .social-title, .site-container section .vertical-profile .social-title { display: block; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #c8c8c8; padding-left: 20px; margin-top: 55px; margin-bottom: 10px; }
.site-container .oldsection .vertical-profile .socials, .site-container section .vertical-profile .socials { margin-left: 20px; }
.site-container .oldsection .vertical-profile .socials li, .site-container section .vertical-profile .socials li { display: inline-block; }
.site-container .oldsection .vertical-profile .socials li a, .site-container section .vertical-profile .socials li a { font-size: 20px; margin-right: 20px; text-decoration: none; color: #c8c8c8; }
.site-container .oldsection .vertical-profile .socials li a:hover, .site-container section .vertical-profile .socials li a:hover { color: #55c8ff; }
.site-container .oldsection .vertical-profile .author-quote, .site-container section .vertical-profile .author-quote { position: relative; padding: 20px; margin: 40px 0; color: #7d7d7d; font-size: 13px; font-weight: normal; line-height: 20px;     text-align: justify;}
.site-container .oldsection .vertical-profile .author-quote:before, .site-container section .vertical-profile .author-quote:before { display: block; position: absolute; left: -24px; top: -30px; font-family: 'Roboto', sans-serif; font-size: 100px; content: '"'; color: #d7d7d7; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.site-container .oldsection .vertical-profile .author-quote:after, .site-container section .vertical-profile .author-quote:after { position: absolute; right: -20px; bottom: -20px; font-family: 'Roboto', sans-serif; font-size: 100px; content: '"'; color: #d7d7d7; }
.site-container .oldsection.section-gray, .site-container section.section-gray { background-color: #f5f5f5; border-top: #e1e1e1 1px solid; }
.site-container .oldsection.section-gray .desc .section-title,
/*.site-container section.section-gray .desc .section-title*/
 { margin-bottom: 80px; }
.site-container .oldsection.section-gray .desc p, .site-container section.section-gray .desc p { font-size: 16px; font-weight: normal; color: #646464; text-align: center; line-height: 20px; }
.site-container .oldsection.section-parallax, .site-container section.section-parallax { overflow: hidden; }
.site-container .oldsection.section-parallax .section-title, .site-container section.section-parallax .section-title { color: #FFF !important; }
.site-container .oldsection.section-parallax .desc p, .site-container section.section-parallax .desc p { font-size: 16px; font-weight: normal; color: #969696; text-align: center; }
.site-container .oldsection.border-section > .container, .site-container section.border-section > .container { position: relative; }
.site-container .oldsection.border-section > .container .section-title, .site-container section.border-section > .container .section-title { margin-bottom: 0px !important; }
.site-container .oldsection.border-section > .container:before, .site-container section.border-section > .container:before 
{ display: block; content: ""; width: 100%; height: 5px; background-color: #0d0f14; position: absolute; left: 0; top: -65px; }
.site-container .oldsection .desc .section-title, .site-container section .desc .section-title 
{ font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 300; color: #203568; text-align: center; padding: 1.5625em 0 0.625em 0;text-transform:uppercase; }
.site-container .oldsection .desc .section-title1, .site-container section .desc .section-title1 { font-family: 'Roboto', sans-serif; font-size: 36px; font-weight: 300; color: #000; text-align: center;/* padding: 1.5625em 0 0.625em 0;*/text-transform:uppercase; margin-bottom: 230px !important;}
.site-container .oldsection .desc .section-subtitle, .site-container section .desc .section-subtitle { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #232323; text-align: center; padding: 0 0 15px 0; }
.site-container .oldsection .desc p, .site-container section .desc p { font-size: 16px; font-weight: 400; color: #646464; text-align: center; line-height:18px;/*font-family: 'Roboto', sans-serif;*/padding:0px 60px; }
.site-container .oldsection .blubcontent, .site-container section .blubcontent { position: relative; padding: 0 0 60%; /*margin: 10px 0;*/ overflow: hidden;bottom:60px; }
.site-container .oldsection .blubcontent .dashed-line, .site-container section .blubcontent .dashed-line { position: absolute; z-index: 0; top: 26%; width: 70%; height: 56%;     left: 18%;}
.site-container .oldsection .blubcontent .dashed-line path, .site-container section .blubcontent .dashed-line path { fill: #203568; }
.site-container .oldsection .blubcontent .circle-text, .site-container section .blubcontent .circle-text { position: absolute; top: 20%; left: 9%; width:22%; height: 0; padding: 10% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; overflow: hidden; }
.site-container .oldsection .blubcontent .circle-text:after, .site-container section .blubcontent .circle-text:after { content: ""; display: block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; }
.site-container .oldsection .blubcontent .circle-text > div, .site-container section .blubcontent .circle-text > div { position: absolute; text-align: center; padding: 0 25%; margin-top: -10%; font-family: 'Roboto', sans-serif; font-size: 32px; font-weight: 300; color: #2c3f6e; line-height: 26px; z-index: 3; }
.site-container .oldsection .blubcontent .circle-text > div span, .site-container section .blubcontent .circle-text > div span { background-color: #55c8ff; padding: 0px 10px; color: #FFF; line-height: 30px; margin-left: -10px; }
.site-container .oldsection .blubcontent .circle-large-image, .site-container section .blubcontent .circle-large-image { position: absolute; top: 38%; left: 28%; width: 30%; height: 0; padding: 14% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .blubcontent .circle-large-image > div, .site-container section .blubcontent .circle-large-image > div { content: ""; display: inline-block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; overflow: hidden; padding: 25% 0px;
font-family: 'Roboto', sans-serif;font-size: 31px; font-weight: 300;color: #2c3f6e;text-align:center; }
.site-container .oldsection .blubcontent .circle-large-image > div img, .site-container section .blubcontent .circle-large-image > div img { margin-top: 22%; width: 100%; }
.site-container .oldsection .blubcontent .blue-circle, .site-container section .blubcontent .blue-circle { position: absolute; top:25%; left:43%; width:6%; padding:3% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #203568; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 1; z-index: 4; }
.site-container .oldsection .blubcontent .blue-circle1, .site-container section .blubcontent .blue-circle1 { position: absolute; top:56%; left:16%; width:10%; height:100%; background-color: #203568; opacity: 0.8; z-index: 4;background:url(https://smallbusinessassociation.com.au/wp-content/uploads/2016/04/bottom-image.png) no-repeat; }
.site-container .oldsection .blubcontent .circle-min-image, .site-container section .blubcontent .circle-min-image { position: absolute; top:10%; left:52%; width: 23%; height: 0; padding:11% 0; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.site-container .oldsection .blubcontent .circle-min-image > div, .site-container section .blubcontent .circle-min-image > div { display: inline-block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; overflow: hidden;padding: 30% 12px;font-family: 'Roboto', sans-serif;font-size: 31px;font-weight: 300;text-align: center; color: #2c3f6e; }
.site-container .oldsection .blubcontent .circle-min-image > div:after, .site-container section .blubcontent .circle-min-image > div:after { content: ""; display: block; width: 80%; height: 80%; top: 10%; left: 12%; position: absolute;/* background-color: #55c8ff; */-webkit-border-radius: 50%;display:none; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; }
.site-container .oldsection .blubcontent .circle-min-image > div img, .site-container section .blubcontent .circle-min-image > div img { width: 101%; }
.site-container .oldsection .blubcontent .circle-medium-image, .site-container section .blubcontent .circle-medium-image { position: absolute; top:42%; left:70%; width:18%; height: 0; padding:8% 0; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .blubcontent .circle-medium-image > div, .site-container section .blubcontent .circle-medium-image > div { display: inline-block; width: 90%; height: 90%; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; top: 5%; left: 5%; z-index: 2; overflow: hidden;padding: 35% 12px;font-family: 'Roboto', sans-serif;font-size: 31px;font-weight: 300;text-align: center; color: #2c3f6e; }
.site-container .oldsection .blubcontent .circle-medium-image > div img, .site-container section .blubcontent .circle-medium-image > div img { width: 101%; }
.site-container .oldsection .blubcontent .circle-black, .site-container section .blubcontent .circle-black { position: absolute; left: 78%; top:14%; width: 10%; height: 0; padding:5% 0; background-color: #FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 1px solid; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .blubcontent .circle-black:after, .site-container section .blubcontent .circle-black:after { content: ""; display: block; width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; background-color: #86754d; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .quote-button, .site-container section .quote-button { width: 100%; padding: 30px 25px; /*margin: 50px 0;*/ border: #ebebeb 1px solid; }
.site-container .oldsection .quote-button p, .site-container section .quote-button p { font-size: 20px; font-weight: 600; line-height: 40px; color: #646464; }
.site-container section .quote-button {margin-top: -146px;}
.site-container .oldsection .quote-button a, .site-container section .quote-button a { float: right; display: inline-block; font-size: 16px; font-weight: normal; padding: 10px 20px; margin: 0;border: 1px solid #4c432b; }
.site-container .oldsection .image-box, .site-container section .image-box { width: 100%; margin: 0 0 60px 0; }
.site-container .oldsection .image-box a, .site-container section .image-box a { float: left; display: block; width: 140px; height: 140px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px; overflow: hidden; }
.site-container .oldsection .image-box a img, .site-container section .image-box a img { /*width: 100%;*/ width:initial; }
.site-container .oldsection .image-box .content, .site-container section .image-box .content { padding-left: 160px; }
.site-container .oldsection .image-box .content h2, .site-container section .image-box .content h2 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight:400; color:#203568; margin-top: 0; margin-bottom: 20px; }
.site-container .oldsection .image-box .content h2 span, .site-container section .image-box .content h2 span{ font-family: 'Roboto', sans-serif; font-size: 22px; font-weight:500; color:#203568;line-height: 36px; }
.site-container .oldsection .image-box .content img, .site-container section .image-box .content img {padding-right: 12px;    float: left; }
.site-container .oldsection .image-box .content h2 i, .site-container section .image-box .content h2 i { font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; padding-right: 20px; vertical-align: middle; }
.site-container .oldsection .image-box .content p, .site-container section .image-box .content p { font-size: 14px; font-weight: 400;/*width:328px;*/ color: #646464; line-height: 18px;/*font-family: "Roboto", sans-serif; */}
.site-container .oldsection .pattern-block, .site-container section .pattern-block { width: 100%; padding: 60px 0; margin-top: 50px;  background-color: #0d0f14; background-size: contain; }
.site-container .oldsection .pattern-block .quote-box, .site-container section .pattern-block .quote-box { width: 100%; border: #ebebeb 1px solid; padding: 25px 60px; }
.site-container .oldsection .pattern-block .quote-box.no-border, .site-container section .pattern-block .quote-box.no-border { border: none; }
.site-container .oldsection .pattern-block .quote-box.no-border h2, .site-container section .pattern-block .quote-box.no-border h2 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: normal; color: #FFF; text-align: center; }
.site-container .oldsection .pattern-block .quote-box.no-border p, .site-container section .pattern-block .quote-box.no-border p { line-height: 28px; }
.site-container .oldsection .pattern-block .quote-box.no-border p.lines:after, .site-container section .pattern-block .quote-box.no-border p.lines:after { content: ""; display: block; width: 10%; height: 5px; background-color: #FFF; margin: 40px auto; }
.site-container .oldsection .pattern-block .quote-box.no-border .read-more, .site-container section .pattern-block .quote-box.no-border .read-more { padding-left: 45px; padding-right: 45px; margin-top: 50px; margin-bottom: 0; }
.site-container .oldsection .pattern-block .quote-box p, .site-container section .pattern-block .quote-box p { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #ffffff; text-align: center; }
.site-container .oldsection .part-image, .site-container section .part-image { display: block; width: 100%; margin: 3.75em 0; }
.site-container .oldsection .part-image img, .site-container section .part-image img { width: 100%; }
.site-container .oldsection .part-image.maxwidth, .site-container section .part-image.maxwidth { max-width: 600px !important; margin: 0 auto; }
.site-container .oldsection .icon-text, .site-container section .icon-text { margin-bottom: 50px; }
.site-container .oldsection .icon-text h2, .site-container section .icon-text h2 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; line-height: 22px; margin-bottom: 25px; }
.site-container .oldsection .icon-text h2 a, .site-container section .icon-text h2 a { text-decoration: none; color: #FFF; }
.site-container .oldsection .icon-text h2 a i, .site-container section .icon-text h2 a i { vertical-align: middle; padding-right: 10px; }
.site-container .oldsection .icon-text p, .site-container section .icon-text p { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; }
.site-container .oldsection .portfolio, .site-container section .portfolio { margin: 50px 0; }
.site-container .oldsection .portfolio .filters, .site-container section .portfolio .filters { width: 100%; margin: 40px 0; text-align: center; }
.site-container .oldsection .portfolio .filters ul li, .site-container section .portfolio .filters ul li { display: inline-block; }
.site-container .oldsection .portfolio .filters ul li a, .site-container section .portfolio .filters ul li a { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; text-decoration: none; color: #2f383d; padding: 15px 25px; }
.site-container .oldsection .portfolio .filters ul li a:hover, .site-container section .portfolio .filters ul li a:hover { background-color: #55c8ff; color: #FFF; }
.site-container .oldsection .portfolio .filters ul li:not(:last-child):after, .site-container section .portfolio .filters ul li:not(:last-child):after { display: inline-block; content: ""; width: 3px; height: 20px; background: url(../img/filter-line.png); margin-left: 2px; }
.site-container .oldsection .portfolio .filters ul li.active a, .site-container section .portfolio .filters ul li.active a { background-color: #55c8ff; color: #FFF; }
.site-container .oldsection .portfolio .filters ul li.active:after, .site-container section .portfolio .filters ul li.active:after { background: transparent; }
.site-container .oldsection .portfolio .filters ul li.lineclear:after, .site-container section .portfolio .filters ul li.lineclear:after { background: transparent; }
.site-container .oldsection .portfolio .items, .site-container section .portfolio .items { display: table; width: 100%; }
.site-container .oldsection .portfolio .items.long-portfolio .item, .site-container section .portfolio .items.long-portfolio .item { display: inline-block; width: 33.3333333333%; margin: 0; padding: 10px; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image, .site-container section .portfolio .items.long-portfolio .item .featured-image { position: relative; padding: 10px; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image img, .site-container section .portfolio .items.long-portfolio .item .featured-image img { width: 100%; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 30%; left: 10px; right: 10px; bottom: 10px; background: #55c8ff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li a, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover ul li a:hover, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio .items.long-portfolio .item .featured-image .hover span, .site-container section .portfolio .items.long-portfolio .item .featured-image .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; color: #FFF; text-align: center; margin-top: -20px; padding: 0 10px; }
.site-container .oldsection .portfolio .items.long-portfolio .item .content h1, .site-container section .portfolio .items.long-portfolio .item .content h1 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #969696; text-align: center; margin: 15% 0 12% 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .oldsection .portfolio .items.long-portfolio .item .content p, .site-container section .portfolio .items.long-portfolio .item .content p { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; text-align: center; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .oldsection .portfolio .items.long-portfolio .item .content:after, .site-container section .portfolio .items.long-portfolio .item .content:after { content: ""; display: block; width: 100%; height: 2px; background-color: #ebebeb; margin: 12% 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover, .site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; top: 10px; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover ul, .site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .featured-image .hover span, .site-container section .portfolio .items.long-portfolio .item:hover .featured-image .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content h1, .site-container section .portfolio .items.long-portfolio .item:hover .content h1 { color: #55c8ff; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content p, .site-container section .portfolio .items.long-portfolio .item:hover .content p { color: #646464; }
.site-container .oldsection .portfolio .items.long-portfolio .item:hover .content:after, .site-container section .portfolio .items.long-portfolio .item:hover .content:after { background-color: #55c8ff; }
.site-container .oldsection .portfolio .items.short-portfolio .item, .site-container section .portfolio .items.short-portfolio .item { display: inline-block; position: relative; width: 33.3333333333%; margin: 0; padding: 10px; }
.site-container .oldsection .portfolio .items.short-portfolio .item img, .site-container section .portfolio .items.short-portfolio .item img { width: 100%; }
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover, .site-container section .portfolio .items.short-portfolio .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; top: 10px; }
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover ul, .site-container section .portfolio .items.short-portfolio .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio .items.short-portfolio .item:hover .hover span, .site-container section .portfolio .items.short-portfolio .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover, .site-container section .portfolio .items.short-portfolio .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 30%; left: 10px; right: 10px; bottom: 10px; background: #55c8ff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul, .site-container section .portfolio .items.short-portfolio .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li, .site-container section .portfolio .items.short-portfolio .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li a, .site-container section .portfolio .items.short-portfolio .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover ul li a:hover, .site-container section .portfolio .items.short-portfolio .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio .items.short-portfolio .item .hover span, .site-container section .portfolio .items.short-portfolio .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; color: #FFF; text-align: center; margin-top: -20px; padding: 0 10px; }
.site-container .oldsection .portfolio .navfilter ul, .site-container section .portfolio .navfilter ul { float: right; margin-right: 6px; margin-top: 25px; }
.site-container .oldsection .portfolio .navfilter ul li, .site-container section .portfolio .navfilter ul li { display: inline-block; margin-right: 5px; }
.site-container .oldsection .portfolio .navfilter ul li a, .site-container section .portfolio .navfilter ul li a { display: block; width: 25px; height: 25px; text-align: center; font-size: 18px; padding-top: 2px; color: #d7d7d7; border: #d7d7d7 1px solid; }
.site-container .oldsection .portfolio .navfilter ul li a:hover, .site-container section .portfolio .navfilter ul li a:hover { color: #55c8ff; border-color: #55c8ff; }
.site-container .oldsection .layouts-display, .site-container section .layouts-display { margin-top: 50px; }
.site-container .oldsection .layouts-display .layout-res, .site-container section .layouts-display .layout-res { display: block; }
.site-container .oldsection .layouts-display .layout-res img, .site-container section .layouts-display .layout-res img { width: 100%; }
.site-container .oldsection .layouts-display h2, .site-container section .layouts-display h2 { font-family: "Roboto", sans-serif; font-size: 22px; font-weight: 400; color: #203568; margin: 30px 0 15px 0; }
.site-container .oldsection .layouts-display p, .site-container section .layouts-display p { font-size: 14px; font-weight: normal; color: #646464; line-height: 18px;/*font-family: "Roboto", sans-serif;*/ }
.site-container .oldsection .section-black, .site-container section .section-black { width: 100%; background-color: #203568 !important; padding: 2% 0; }
.site-container .oldsection .section-black .demo-section, .site-container section .section-black .demo-section { position: relative; width: 100%; height: 0; padding: 35% 0; }
.site-container .oldsection .section-black .demo-section .demo-image, .site-container section .section-black .demo-section .demo-image { position: absolute; position: absolute; top: -28%; left: 25%; width: 50%; text-align: center; }
.site-container .oldsection .section-black .demo-section .demo-image img, .site-container section .section-black .demo-section .demo-image img { max-width: 566px; width: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle, .site-container section .section-black .demo-section .demo-circle { width: 30%; padding: 1%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one, .site-container section .section-black .demo-section .demo-circle.circle-one { position: absolute; top: 25%; left: 0; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one .svg .linec, .site-container section .section-black .demo-section .demo-circle.circle-one .svg .linec { position: absolute; width: 100%; height: 0; border-top: #c8c8c8 2px dotted; right: -66%; top: -25%; -webkit-transform: rotate(-55deg); -moz-transform: rotate(-55deg); -ms-transform: rotate(-55deg); -o-transform: rotate(-55deg); transform: rotate(-55deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-one .svg .linec:after, .site-container section .section-black .demo-section .demo-circle.circle-one .svg .linec:after { content: ""; display: block; width: 10px; height: 10px; background: #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; left: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two, .site-container section .section-black .demo-section .demo-circle.circle-two { position: absolute; top: 35%; left: 35%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg, .site-container section .section-black .demo-section .demo-circle.circle-two .svg { border-color: #55c8ff; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg .linec, .site-container section .section-black .demo-section .demo-circle.circle-two .svg .linec { position: absolute; width: 100%; height: 0; border-top: #55c8ff 2px dotted; right: -32%; top: -45%; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg); transform: rotate(-70deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-two .svg .linec:after, .site-container section .section-black .demo-section .demo-circle.circle-two .svg .linec:after { content: ""; display: block; width: 10px; height: 10px; background: #55c8ff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; left: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three, .site-container section .section-black .demo-section .demo-circle.circle-three { position: absolute; top: 25%; left: 71%; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three .svg .linec, .site-container section .section-black .demo-section .demo-circle.circle-three .svg .linec { position: absolute; width: 100%; height: 0; border-top: #c8c8c8 2px dotted; right: 37%; top: -43%; -webkit-transform: rotate(-115deg); -moz-transform: rotate(-115deg); -ms-transform: rotate(-115deg); -o-transform: rotate(-115deg); transform: rotate(-115deg); -webkit-backface-visibility: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle.circle-three .svg .linec:after, .site-container section .section-black .demo-section .demo-circle.circle-three .svg .linec:after { content: ""; display: block; width: 10px; height: 10px; background: #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: -6px; left: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle .svg, .site-container section .section-black .demo-section .demo-circle .svg { position: relative; width: 90%; height: 0; padding: 45% 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #e1e1e1 2px dotted; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle .svg .mask, .site-container section .section-black .demo-section .demo-circle .svg .mask { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; z-index: 2; overflow: hidden; }
.site-container .oldsection .section-black .demo-section .demo-circle .svg .mask img, .site-container section .section-black .demo-section .demo-circle .svg .mask img { width: 100%; }
.site-container .oldsection .section-black .demo-section .demo-circle .content h2, .site-container section .section-black .demo-section .demo-circle .content h2 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #FFF; margin: 15% 0 5%; }
.site-container .oldsection .section-black .demo-section .demo-circle .content p, .site-container section .section-black .demo-section .demo-circle .content p { font-size: 13px; font-weight: normal; color: #fff; line-height: 18px;/*font-family: 'Roboto', sans-serif;*/font-weight:400; }
.site-container .oldsection .section-black .enter-demo, .site-container section .section-black .enter-demo { background-color:transparent; border: #545454 1px solid; padding: 40px 0; margin: 30px 0; }
.site-container .oldsection .section-black .enter-demo h2, .site-container section .section-black .enter-demo h2 { font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 300; color: #FFF; text-align: right; }
.site-container .oldsection .section-black .enter-demo .view-more, .site-container section .section-black .enter-demo .view-more { display: inline-block; text-decoration: none; font-size: 16px; font-weight: normal; color: #FFF; border: #8C7846 1px solid; padding: 20px 45px; margin: 10px 0; background: #84744c;text-transform:uppercase; font-family: 'Roboto', sans-serif;font-weight:400; }
.site-container .oldsection .section-black .enter-demo .view-more:hover, .site-container section .section-black .enter-demo .view-more:hover { background: #84744c; /* Old browsers */ /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb4e5', endColorstr='#55c8ff',GradientType=0 ); /* IE6-9 */ }
.site-container .oldsection.single-page-wrapper.border-top, .site-container section.single-page-wrapper.border-top { border-top: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .single-header, .site-container section.single-page-wrapper .single-header { background-color: #FFF; padding: 0px 0; float:left; width:100%;   /* -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8;
    -moz-box-shadow: 1px 1px 1px 0px #b8b8b8;box-shadow: 1px 1px 1px 0px #b8b8b8;*/ }
.site-container .oldsection.single-page-wrapper .single-header h1, .site-container section.single-page-wrapper .single-header h1 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; padding:0 50px 0px 50px; color: #232323; }
.site-container .oldsection.single-page-wrapper .single-header .meta, .site-container section.single-page-wrapper .single-header .meta { border-top: #e9e9e9 1px solid; padding: 30px 50px; }
.site-container .oldsection.single-page-wrapper .single-header .meta a, .site-container section.single-page-wrapper .single-header .meta a { display: block; font-size: 13px; font-weight: normal; color: #7d7d7d; text-decoration: none; }
.site-container .oldsection.single-page-wrapper .single-header .meta a i, .site-container section.single-page-wrapper .single-header .meta a i { font-size: 18px; }
.site-container .oldsection.single-page-wrapper .single-header .meta a.writted, .site-container section.single-page-wrapper .single-header .meta a.writted { text-align: left; }
.site-container .oldsection.single-page-wrapper .single-header .meta a.date, .site-container section.single-page-wrapper .single-header .meta a.date { float: right; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image, .site-container section.single-page-wrapper .single-header .featured-image { position: relative; margin: 0 auto;text-align: center; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul li a, .site-container section.single-page-wrapper .single-header .featured-image ul li a { display: block; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul li a img, .site-container section.single-page-wrapper .single-header .featured-image ul li a img { max-width: 100%; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls, .site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls { position: absolute; bottom: -30px; left: 50%; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page, .site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; background-color: #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 10px; }
.site-container .oldsection.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page.active, .site-container section.single-page-wrapper .single-header .featured-image ul .owl-controls .owl-pagination .owl-page.active { background-color: #000; }
.site-container .oldsection.single-page-wrapper .single-content, .site-container section.single-page-wrapper .single-content { padding: 40px;background:#fff; float: left; width: 100%; }
.site-container .oldsection.single-page-wrapper .single-content ul{ margin-bottom: 20px; }
.site-container .oldsection.single-page-wrapper .single-content ul li,
.site-container section.single-page-wrapper .single-content ul li { 
	padding-left: 20px;
    margin-bottom: 5px;
    position: relative;
	display: inline-block;
}

.page-id-6829 .site-container .oldsection.single-page-wrapper .single-content ul li,
.page-id-6829 .site-container section.single-page-wrapper .single-content ul li 
{
	display: block;
	margin-bottom: 3px;
}
.single-content ul {
    margin-top: 10px;
    margin-bottom: 5px;
}
.site-container .oldsection.single-page-wrapper .single-content ul li:before, .site-container section.single-page-wrapper .single-content ul li:before { position: absolute; top: 5px; left: 0; content: ""; display: block; width: 7px; height: 7px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #c8c8c8; }
.site-container .oldsection.single-page-wrapper .single-meta > span, .site-container section.single-page-wrapper .single-meta > span { display: block; font-size: 13px; font-weight: normal; color: #969696; text-align: right;}
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo, .site-container section.single-page-wrapper .single-meta > .metainfo { background-color: #ebebeb; margin-top: 35px; padding: 20px 30px; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul, .site-container section.single-page-wrapper .single-meta > .metainfo ul { display: table; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li, .site-container section.single-page-wrapper .single-meta > .metainfo ul li { display: inline-block; margin: 0 10px 10px 0; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li a, .site-container section.single-page-wrapper .single-meta > .metainfo ul li a { display: block; font-size: 12px; color: #969696; padding: 5px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #FFF; text-decoration: none; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo ul li a:hover, .site-container section.single-page-wrapper .single-meta > .metainfo ul li a:hover { background-color: #55c8ff; color: #FFF; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-span, .site-container section.single-page-wrapper .single-meta > .metainfo .share-span { display: block; font-size: 13px; font-weight: normal; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-list, .site-container section.single-page-wrapper .single-meta > .metainfo .share-list { display: table; margin-top: 10px; }
.site-container .oldsection.single-page-wrapper .single-meta > .metainfo .share-list li, .site-container section.single-page-wrapper .single-meta > .metainfo .share-list li { display: inline-block; margin-right: 10px; }
.site-container .oldsection.single-page-wrapper .single-heading, .site-container section.single-page-wrapper .single-heading { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; text-transform: uppercase; color: #232323; }
.site-container .oldsection.single-page-wrapper .single-heading:after, .site-container section.single-page-wrapper .single-heading:after { display: block; content: ""; width: 15%; height: 5px; background-color: #55c8ff; margin: 25px 0; }
.site-container .oldsection.single-page-wrapper .about-author, .site-container section.single-page-wrapper .about-author { margin: 60px 0; border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .about-author .author, .site-container section.single-page-wrapper .about-author .author { padding: 20px 0 40px; }
.site-container .oldsection.single-page-wrapper .about-author .author .author-img, .site-container section.single-page-wrapper .about-author .author .author-img { float: left; display: block; width: 110px; height: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.site-container .oldsection.single-page-wrapper .about-author .author .author-img img, .site-container section.single-page-wrapper .about-author .author .author-img img { width: 100%; }
.site-container .oldsection.single-page-wrapper .about-author .author .content, .site-container section.single-page-wrapper .about-author .author .content { padding-top: 10px; padding-left: 160px; font-size: 13px; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .about-author .author .content p, .site-container section.single-page-wrapper .about-author .author .content p { margin: 0 0 10px 0; }
.site-container .oldsection.single-page-wrapper .post-comments, .site-container section.single-page-wrapper .post-comments { border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree, .site-container section.single-page-wrapper .post-comments .comments-tree { padding: 30px 0 10px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment, .site-container section.single-page-wrapper .post-comments .comments-tree .comment { margin-bottom: 40px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .children, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .children { margin-left: 60px; margin-top: 40px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .avatar, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .avatar { float: left; display: block; width: 60px; height: 60px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .avatar img, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .avatar img { width: 100%; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content { margin-left: 60px; padding: 25px 35px 35px; background-color: #FFF; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #232323; text-transform: uppercase; margin-bottom: 20px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 span, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > h2 span { padding: 0 10px; display: inline-block; font-size: 13px; font-weight: normal; color: #7d7d7d; line-height: 18px; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content > p, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content > p { font-size: 13px; font-weight: normal; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply { position: relative; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply:before, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply:before { content: ""; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #ededed; z-index: 1; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply { position: relative; background: #FFF; float: right; margin-top: -7px; padding: 0 0 0 15px; font-size: 13px; color: #7d7d7d; z-index: 2; text-decoration: none; text-align: right; }
.site-container .oldsection.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply:hover, .site-container section.single-page-wrapper .post-comments .comments-tree .comment .comment-content .line-reply .reply:hover { color: #55c8ff; }
.site-container .oldsection.single-page-wrapper .post-comments .all-comments, .site-container section.single-page-wrapper .post-comments .all-comments { display: block; text-align: right; font-size: 13px; font-weight: normal; color: #7d7d7d; margin-bottom: 40px; }
.site-container .oldsection.single-page-wrapper .reply-comments, .site-container section.single-page-wrapper .reply-comments { padding: 60px 0 20px; border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .reply-comments form, .site-container section.single-page-wrapper .reply-comments form { margin: 50px 0; }
.site-container .oldsection.single-page-wrapper .reply-comments form label, .site-container section.single-page-wrapper .reply-comments form label { font-size: 16px !important; font-weight: normal; line-height: 18px; margin-bottom: 5px; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .reply-comments form input, .site-container section.single-page-wrapper .reply-comments form input { padding: 20px; }
.site-container .oldsection.single-page-wrapper .reply-comments form textarea, .site-container section.single-page-wrapper .reply-comments form textarea { height: 200px; }
.site-container .oldsection.single-page-wrapper .reply-comments form .read-more, .site-container section.single-page-wrapper .reply-comments form .read-more { border: none; font-weight: 300; margin: 50px 0 0; }
.site-container .oldsection.single-page-wrapper .reply-comments form .read-more:hover, .site-container section.single-page-wrapper .reply-comments form .read-more:hover { color: #FFF; }
.site-container .oldsection.single-page-wrapper .related-posts, .site-container section.single-page-wrapper .related-posts { padding: 60px 0; border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection.single-page-wrapper .related-posts > h2, .site-container section.single-page-wrapper .related-posts > h2 { font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 300; text-transform: uppercase; color: #232323; }
.site-container .oldsection.single-page-wrapper .related-posts > h2:after, .site-container section.single-page-wrapper .related-posts > h2:after { display: block; content: ""; width: 15%; height: 5px; background-color: #55c8ff; margin: 25px 0 50px; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post, .site-container section.single-page-wrapper .related-posts .item-post { margin-bottom: 30px; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .fimage, .site-container section.single-page-wrapper .related-posts .item-post .fimage { display: block; margin: 0 0 35px; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .fimage img, .site-container section.single-page-wrapper .related-posts .item-post .fimage img { width: 100%; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title, .site-container section.single-page-wrapper .related-posts .item-post .title { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #969696; margin: 0 0 10px; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title a, .site-container section.single-page-wrapper .related-posts .item-post .title a { text-decoration: none; color: #969696; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .title a:hover, .site-container section.single-page-wrapper .related-posts .item-post .title a:hover { color: #55c8ff; }
.site-container .oldsection.single-page-wrapper .related-posts .item-post .date, .site-container section.single-page-wrapper .related-posts .item-post .date { display: block; font-size: 13px; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection.single-page-wrapper .pagination-post, .site-container section.single-page-wrapper .pagination-post { padding: 60px 0 0; text-align: right; }
.site-container .oldsection.single-page-wrapper .pagination-post a, .site-container section.single-page-wrapper .pagination-post a { display: inline-block; font-size: 16px; font-weight: normal; color: #7d7d7d; border: #cbcbcb 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #ebebeb; padding: 10px 25px; margin-left: 15px; text-decoration: none; }
.site-container .oldsection.single-page-wrapper .pagination-post a:hover, .site-container section.single-page-wrapper .pagination-post a:hover { background-color: #55c8ff; color: #FFF; border-color: #55c8ff; }
.site-container .oldsection.blog-style-one .blog-item, .site-container section.blog-style-one .blog-item 
{ float: left; width: 48%; margin-right: 2%; }
.site-container .oldsection.blog-style-one .blog-item .item-content, .site-container section.blog-style-one .blog-item .item-content { padding: 15px; background-color: #FFF; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; }
.site-container .oldsection.blog-style-one .blog-item .item-content .featured-image a, .site-container section.blog-style-one .blog-item .item-content .featured-image a { display: block; width: 100%; }
.site-container .oldsection.blog-style-one .blog-item .item-content .featured-image a img, .site-container section.blog-style-one .blog-item .item-content .featured-image a img { width: auto; }
.site-container .oldsection.blog-style-one .blog-item .item-content .meta, .site-container section.blog-style-one .blog-item .item-content .meta { width: 100%; padding: 15px 5px; margin-bottom: 15px; border-bottom: #f4f4f4 1px solid; }
.site-container .oldsection.blog-style-one .blog-item .item-content .meta a, .site-container section.blog-style-one .blog-item .item-content .meta a { font-size: 13px; font-weight: normal; text-decoration: none; color: #7d7d7d; }
.site-container .oldsection.blog-style-one .blog-item .item-content .meta .date, .site-container section.blog-style-one .blog-item .item-content .meta .date { float: right; }
.site-container .oldsection.blog-style-one .blog-item .item-content .content h2, .site-container section.blog-style-one .blog-item .item-content .content h2
 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; line-height: 30px; color: #232323; margin-bottom: 15px; }
.site-container .oldsection.blog-style-one .blog-item .item-content .content p, .site-container section.blog-style-one .blog-item .item-content .content p { font-size: 13px; font-weight: normal; line-height: 20px; color: #7d7d7d; }
.site-container .oldsection.blog-style-one .blog-item .item-content .content .read, .site-container section.blog-style-one .blog-item .item-content .content .read { display: table; margin: 15px auto; padding: 10px 20px; background: #FFF; border: #203568 1px solid; color: #203568; text-decoration: none; font-size: 16px; font-weight: normal; }
.site-container .oldsection.blog-style-one .blog-item .item-content .content .read:hover, .site-container section.blog-style-one .blog-item .item-content .content .read:hover { background-color:#203568; color: #FFF; }
.site-container .oldsection.blog-style-one .blog-item .item-content .comments, .site-container section.blog-style-one .blog-item .item-content .comments { text-align: right; }
.site-container .oldsection.blog-style-one .blog-item .item-content .comments a, .site-container section.blog-style-one .blog-item .item-content .comments a { display: block; font-size: 13px; font-weight: normal; color: #c8c8c8; text-decoration: none; }
.site-container .oldsection.blog-style-one .blog-item .tags, .site-container section.blog-style-one .blog-item .tags { display: table; margin: 20px 0; }
.site-container .oldsection.blog-style-one .blog-item .tags li, .site-container section.blog-style-one .blog-item .tags li { display: inline-block; margin: 2px 5px; }
.site-container .oldsection.blog-style-one .blog-item .tags li a, .site-container section.blog-style-one .blog-item .tags li a { display: block; padding: 5px 10px; background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 13px; font-weight: normal; text-decoration: none; color: #c8c8c8; }
.site-container .oldsection.blog-style-one .blog-item .tags li a:hover, .site-container section.blog-style-one .blog-item .tags li a:hover { background-color: #55c8ff; color: #FFF; }
.site-container .oldsection.blog-style-two .blog-item, .site-container section.blog-style-two .blog-item { background-color: #FFF; margin-bottom: 40px; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; }
.site-container .oldsection.blog-style-two .blog-item .item-title, .site-container section.blog-style-two .blog-item .item-title { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; line-height: 30px; color: #232323; margin-bottom: 30px; padding: 30px 20px 0; }
.site-container .oldsection.blog-style-two .blog-item .item-title:after, .site-container section.blog-style-two .blog-item .item-title:after { content: ""; display: block; height: 1px; background-color: #ededed; margin-top: 30px; margin-right: -20px; margin-left: -20px; }
.site-container .oldsection.blog-style-two .blog-item .meta, .site-container section.blog-style-two .blog-item .meta { width: 100%; padding: 0px 20px; margin-bottom: 25px; }
.site-container .oldsection.blog-style-two .blog-item .meta a, .site-container section.blog-style-two .blog-item .meta a { font-size: 13px; font-weight: normal; text-decoration: none; color: #7d7d7d; }
.site-container .oldsection.blog-style-two .blog-item .meta .date, .site-container section.blog-style-two .blog-item .meta .date { float: right; }
.site-container .oldsection.blog-style-two .blog-item .featured-image, .site-container section.blog-style-two .blog-item .featured-image { margin-bottom: 40px; max-height: 537px; overflow: hidden; }
.site-container .oldsection.blog-style-two .blog-item .featured-image a, .site-container section.blog-style-two .blog-item .featured-image a { display: block; width: 100%; }
.site-container .oldsection.blog-style-two .blog-item .featured-image a img, .site-container section.blog-style-two .blog-item .featured-image a img { width: 100%; }
.site-container .oldsection.blog-style-two .blog-item .content, .site-container section.blog-style-two .blog-item .content { padding: 0 20px; }
.site-container .oldsection.blog-style-two .blog-item .content p, .site-container section.blog-style-two .blog-item .content p { font-size: 13px; font-weight: normal; line-height: 20px; margin-bottom: 10px; color: #7d7d7d; }
.site-container .oldsection.blog-style-two .blog-item .comments, .site-container section.blog-style-two .blog-item .comments { padding: 50px 30px; }
.site-container .oldsection.blog-style-two .blog-item .comments .read, .site-container section.blog-style-two .blog-item .comments .read { float: left; display: inline-block; padding: 10px 20px; background: #FFF; border: #55c8ff 1px solid; color: #55c8ff; text-decoration: none; font-size: 16px; font-weight: normal; }
.site-container .oldsection.blog-style-two .blog-item .comments .read:hover, .site-container section.blog-style-two .blog-item .comments .read:hover { background-color: #55c8ff; color: #FFF; }
.site-container .oldsection.blog-style-two .blog-item .comments .comment-number, .site-container section.blog-style-two .blog-item .comments .comment-number { float: right; display: inline-block; font-size: 13px; font-weight: normal; color: #c8c8c8; text-decoration: none; margin-top: 10px; }
.site-container .oldsection .pagination, .site-container section .pagination { width: 100%;  text-align: center; }
.site-container .oldsection .pagination.pagination-right, .site-container section .pagination.pagination-right { text-align: right !important; margin-right: 15px !important; }
.site-container .oldsection .pagination ul li, .site-container section .pagination ul li { display: inline-block; }
.site-container .oldsection .pagination ul li a, .site-container section .pagination ul li a { display: inline-block; font-size: 16px; font-weight: normal; min-width: 25px; color: #c8c8c8; padding: 10px; border: #e3e3e3 1px solid; text-decoration: none; }
.site-container .oldsection .pagination ul li a:hover,.nav-links a:hover, .site-container section .pagination ul li a:hover { border-color: #203568; background-color: #203568; color: #FFF; }
.site-container .oldsection .pagination ul li a.active, .site-container section .pagination ul li a.active,span.page-numbers.current { border-color: #203568; color: #203568; }
.site-container .oldsection .pagination ul li a.active:hover, .site-container section .pagination ul li a.active:hover { color: #FFF; }
.site-container .oldsection .single-project, .site-container section .single-project { border-bottom: #cecece 1px solid; padding-bottom: 80px; margin-bottom: 20px; }
.site-container .oldsection .single-project .project-title, .site-container section .single-project .project-title { font-family: "Roboto Condensed",sans-serif; font-size: 60px; font-weight: 300; text-transform: uppercase; color: #232323; margin-bottom: 80px; }
.site-container .oldsection .single-project .project-title:after, .site-container section .single-project .project-title:after { display: block; content: ""; width: 10%; height: 5px; background-color: #55c8ff; margin-top: 30px; }
.site-container .oldsection .single-project .featured-image, .site-container section .single-project .featured-image { position: relative; margin-bottom: 100px; }
.site-container .oldsection .single-project .featured-image ul li a, .site-container section .single-project .featured-image ul li a { display: block; }
.site-container .oldsection .single-project .featured-image ul li a img, .site-container section .single-project .featured-image ul li a img { width: 100%; }
.site-container .oldsection .single-project .featured-image ul .owl-controls, .site-container section .single-project .featured-image ul .owl-controls { position: absolute; bottom: -30px; left: 50%; }
.site-container .oldsection .single-project .featured-image ul .owl-controls .owl-pagination .owl-page, .site-container section .single-project .featured-image ul .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; background-color: #c8c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 10px; }
.site-container .oldsection .single-project .featured-image ul .owl-controls .owl-pagination .owl-page.active, .site-container section .single-project .featured-image ul .owl-controls .owl-pagination .owl-page.active { background-color: #000; }
.site-container .oldsection .single-project .meta-title, .site-container section .single-project .meta-title { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #232323; text-transform: uppercase; margin-bottom: 40px; }
.site-container .oldsection .single-project .meta-title:after, .site-container section .single-project .meta-title:after { display: block; content: ""; width: 50px; height: 3px; background-color: #55c8ff; margin-top: 15px; }
.site-container .oldsection .single-project .list-detailed li, .site-container section .single-project .list-detailed li { font-size: 13px; font-weight: normal; line-height: 18px; }
.site-container .oldsection .single-project .list-detailed li span, .site-container section .single-project .list-detailed li span { color: #969696; padding-right: 20px; }
.site-container .oldsection .single-project .list-detailed table tbody tr, .site-container section .single-project .list-detailed table tbody tr { border-bottom: transparent 20px solid; }
.site-container .oldsection .single-project .list-detailed table tbody tr td, .site-container section .single-project .list-detailed table tbody tr td { font-size: 13px; font-weight: normal; color: #232323; }
.site-container .oldsection .single-project .list-detailed table tbody tr td.title, .site-container section .single-project .list-detailed table tbody tr td.title { vertical-align: top; color: #969696; line-height: 18px; padding-right: 10px; min-width: 120px; }
.site-container .oldsection .single-project .avarage, .site-container section .single-project .avarage { margin-top: 40px; }
.site-container .oldsection .single-project .avarage span, .site-container section .single-project .avarage span { font-size: 13px !important; font-weight: normal !important; color: #969696 !important; margin-bottom: 10px !important; }
.site-container .oldsection .single-project .avarage .avg, .site-container section .single-project .avarage .avg { /* change these if you want */ }
.site-container .oldsection .single-project .avarage .avg span, .site-container section .single-project .avarage .avg span { display: block; font-size: 13px; font-weight: normal; color: #232323; margin-bottom: 15px; }
.site-container .oldsection .single-project .avarage .avg .raterater-bg-layer, .site-container section .single-project .avarage .avg .raterater-bg-layer { color: rgba(240, 240, 240, 0.25); }
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer, .site-container section .single-project .avarage .avg .raterater-hover-layer { color: rgba(255, 200, 0, 0.75); }
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer.rated, .site-container section .single-project .avarage .avg .raterater-hover-layer.rated { /* after the user selects a rating */ color: yellow; }
.site-container .oldsection .single-project .avarage .avg .raterater-rating-layer, .site-container section .single-project .avarage .avg .raterater-rating-layer { color: rgba(255, 200, 0, 0.75); }
.site-container .oldsection .single-project .avarage .avg .raterater-outline-layer, .site-container section .single-project .avarage .avg .raterater-outline-layer { color: rgba(0, 0, 0, 0.25); }
.site-container .oldsection .single-project .avarage .avg .raterater-wrapper, .site-container section .single-project .avarage .avg .raterater-wrapper { overflow: visible; }
.site-container .oldsection .single-project .avarage .avg .raterater-layer, .site-container .oldsection .single-project .avarage .avg .raterater-layer i, .site-container section .single-project .avarage .avg .raterater-layer, .site-container section .single-project .avarage .avg .raterater-layer i { display: block; position: absolute; overflow: visible; top: 0px; left: 0px; }
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer, .site-container section .single-project .avarage .avg .raterater-hover-layer { display: none; }
.site-container .oldsection .single-project .avarage .avg .raterater-hover-layer i, .site-container .oldsection .single-project .avarage .avg .raterater-rating-layer i, .site-container section .single-project .avarage .avg .raterater-hover-layer i, .site-container section .single-project .avarage .avg .raterater-rating-layer i { width: 0px; overflow: hidden; }
.site-container .oldsection .single-project .share, .site-container section .single-project .share { margin-top: 40px; background-color: #f5f5f5; padding: 20px; }
.site-container .oldsection .single-project .share .share-list, .site-container section .single-project .share .share-list { display: table; margin-top: 10px; }
.site-container .oldsection .single-project .share .share-list li, .site-container section .single-project .share .share-list li { display: inline-block; margin-right: 10px; }
.site-container .oldsection .single-project .project-desc p, .site-container section .single-project .project-desc p { font-size: 13px; font-weight: normal; color: #232323; margin-bottom: 10px; }
.site-container .oldsection .single-project .project-desc ul, .site-container section .single-project .project-desc ul { margin: 20px 0; }
.site-container .oldsection .single-project .project-desc ul li, .site-container section .single-project .project-desc ul li { position: relative; font-size: 13px; font-weight: normal; border-bottom: #efeff1 1px solid; padding: 10px 0 10px 30px; margin-bottom: 10px; }
.site-container .oldsection .single-project .project-desc ul li:before, .site-container section .single-project .project-desc ul li:before { position: absolute; left: 0; content: ""; display: block; width: 10px; height: 10px; background-color: #d7d7d7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection .single-project .project-desc ul li:last-child, .site-container section .single-project .project-desc ul li:last-child { border-bottom: none; }
.site-container .oldsection .sidebar .widget, .site-container section .sidebar .widget { margin-bottom: 30px; }
.site-container .oldsection .sidebar .widget .widget-titles, .site-container section .sidebar .widget .widget-titles { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #000; text-transform: uppercase; margin-bottom: 35px; }
.site-container .oldsection .sidebar .widget .widget-titles:after, .site-container section .sidebar .widget .widget-titles:after { content: ""; display: block; width: 30%; height: 3px; background-color: #55c8ff; margin-top: 15px; }
.site-container .oldsection .sidebar .widget.widget_search, .site-container section .sidebar .widget.widget_search { margin-bottom: 30px; }
.site-container .oldsection .sidebar .widget.widget_search input, .site-container section .sidebar .widget.widget_search input { background: white url(../img/searchbox.png) no-repeat right center; border: none; color: #969696; padding: 17px 45px 17px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.site-container .oldsection .sidebar .widget.widget_search input::-webkit-input-placeholder, .site-container section .sidebar .widget.widget_search input::-webkit-input-placeholder { font-size: 13px; font-weight: 300; line-height: 28px; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_search input:-moz-placeholder, .site-container section .sidebar .widget.widget_search input:-moz-placeholder { font-size: 13px; font-weight: 300; line-height: 28px; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_search input::-moz-placeholder, .site-container section .sidebar .widget.widget_search input::-moz-placeholder { font-size: 13px; font-weight: 300; line-height: 28px; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_search input:-ms-input-placeholder, .site-container section .sidebar .widget.widget_search input:-ms-input-placeholder { font-size: 13px; font-weight: 300; line-height: 28px; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_category .widget-title, .site-container section .sidebar .widget.widget_category .widget-title { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #FFF; text-transform: uppercase; text-align: center; background-color: #969696; border: #c9c9c9 1px solid; padding: 15px 0; }
.site-container .oldsection .sidebar .widget.widget_category ul, .site-container section .sidebar .widget.widget_category ul,ul#menu-memebership { padding: 20px 0; background-color: #FFF; }
.site-container .oldsection .sidebar .widget.widget_category ul li a, .site-container section .sidebar .widget.widget_category ul li a { display: block; padding: 15px 0 15px 30px; font-size: 14px; font-weight: normal; text-decoration: none; color: #646464; text-align:left;}
.site-container .oldsection .sidebar .widget.widget_category ul li a:hover, .site-container section .sidebar .widget.widget_category ul li a:hover { color: #000; background-color: #f5f5f5; }
.site-container .oldsection .sidebar .widget.widget_category ul li a:before, .site-container section .sidebar .widget.widget_category ul li a:before { content: "\f105"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 22px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 20px; }
.site-container .oldsection .sidebar .widget.widget_accordion .widget-title, .site-container section .sidebar .widget.widget_accordion .widget-title { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #FFF; text-transform: uppercase; text-align: center; background-color: #969696; border: #c9c9c9 1px solid; padding: 15px 0; }
.site-container .oldsection .sidebar .widget.widget_accordion ul, .site-container section .sidebar .widget.widget_accordion ul { padding: 20px 0; background-color: #FFF; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li a, .site-container section .sidebar .widget.widget_accordion ul li a { display: block; padding: 15px 0 15px 30px; font-size: 14px; font-weight: normal; text-decoration: none; color: #7d7d7d; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li a:hover, .site-container section .sidebar .widget.widget_accordion ul li a:hover { color: #000; background-color: #f5f5f5; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li a:before, .site-container section .sidebar .widget.widget_accordion ul li a:before { content: "\f105"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 22px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 20px; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a, .site-container section .sidebar .widget.widget_accordion ul li.active a { position: relative; background-color: #55c8ff; color: #FFF; font-weight: bold; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a:before, .site-container section .sidebar .widget.widget_accordion ul li.active a:before { content: "\f107"; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active a:after, .site-container section .sidebar .widget.widget_accordion ul li.active a:after { content: " "; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; display: block; border-color: rgba(136, 183, 213, 0); border-top-color: #55c8ff; border-width: 10px; margin-left: -10px; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li.active .content, .site-container section .sidebar .widget.widget_accordion ul li.active .content { display: block; }
.site-container .oldsection .sidebar .widget.widget_accordion ul li .content, .site-container section .sidebar .widget.widget_accordion ul li .content { display: none; padding: 25px 30px; background-color: #d2faff; font-size: 13px; font-weight: normal; line-height: 18px; color: #232323; }
.site-container .oldsection .sidebar .widget.widget_popullar, .site-container section .sidebar .widget.widget_popullar { background-color: #FFF; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title, .site-container section .sidebar .widget.widget_popullar .tab-title { display: table; width: 100%; background-color: #4b4b4b; border-bottom: #55c8ff 3px solid; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li, .site-container section .sidebar .widget.widget_popullar .tab-title li { float: left; width: 33.3333333%; margin: 0; padding: 0; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li:not(:last-child), .site-container section .sidebar .widget.widget_popullar .tab-title li:not(:last-child) { border-right: #2c2c2c 1px solid; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a, .site-container section .sidebar .widget.widget_popullar .tab-title li a { display: block; position: relative; background-color: #4b4b4b; padding: 20px 0px; font-size: 13px; font-weight: normal; text-transform: uppercase; text-decoration: none; text-align: center; color: #FFF; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:after, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:before, .site-container section .sidebar .widget.widget_popullar .tab-title li a:after, .site-container section .sidebar .widget.widget_popullar .tab-title li a:before { bottom: 0%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:after, .site-container section .sidebar .widget.widget_popullar .tab-title li a:after { display: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #55c8ff; border-width: 8px; margin-left: -8px; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:hover, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a.active, .site-container section .sidebar .widget.widget_popullar .tab-title li a:hover, .site-container section .sidebar .widget.widget_popullar .tab-title li a.active { background-color: #232323; }
.site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a:hover:after, .site-container .oldsection .sidebar .widget.widget_popullar .tab-title li a.active:after, .site-container section .sidebar .widget.widget_popullar .tab-title li a:hover:after, .site-container section .sidebar .widget.widget_popullar .tab-title li a.active:after { display: block; }
.site-container .oldsection .sidebar .widget.widget_popullar .content, .site-container section .sidebar .widget.widget_popullar .content { padding: 30px 20px; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents, .site-container section .sidebar .widget.widget_popullar .content .tab-contents { display: none; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child), .site-container section .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) { margin-top: 25px; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) a:before, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li:not(:first-child) a:before { display: block; conten: ""; width: 100%; height: 1px; background-color: #e2e2e2; margin-bottom: 30px; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a { display: block; text-decoration: none; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a img, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a img { float: left; width: 45px; height: 45px; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a h2, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a h2 { font-size: 13px; font-weight: normal; color: #232323; line-height: 16px; padding-left: 60px; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a h2 span, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a h2 span { margin-top: 15px; display: block; color: #969696; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents li a:hover h2, .site-container section .sidebar .widget.widget_popullar .content .tab-contents li a:hover h2 { color: #55c8ff; }
.site-container .oldsection .sidebar .widget.widget_popullar .content .tab-contents.active, .site-container section .sidebar .widget.widget_popullar .content .tab-contents.active { display: block; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li, .site-container section .sidebar .widget.recent-tweets .twitie ul li { position: relative; font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; padding-left: 30px; margin-bottom: 20px; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li a, .site-container section .sidebar .widget.recent-tweets .twitie ul li a { font-size: 13px; font-weight: normal; color: #969696; text-decoration: none; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li .date, .site-container section .sidebar .widget.recent-tweets .twitie ul li .date { display: block; color: #969696; margin: 10px 0 0; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li:before, .site-container section .sidebar .widget.recent-tweets .twitie ul li:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/twitte-icon.png) no-repeat center center; }
.site-container .oldsection .sidebar .widget.recent-tweets .twitie ul li:not(:last-child), .site-container section .sidebar .widget.recent-tweets .twitie ul li:not(:last-child) { padding-bottom: 20px; border-bottom: #e6e6e6 1px solid; }
.site-container .oldsection .heading-style, .site-container section .heading-style { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #232323; margin: 30px 0; text-align:center; }
.site-container .oldsection .description-style, .site-container section .description-style { font-size: 13px; font-weight: normal; color: #646464; line-height: 18px;font-family: "Roboto", sans-serif; }
.site-container .oldsection .members, .site-container section .members { width: 100%; margin: 40px 0; }
.site-container .oldsection .members .member, .site-container section .members .member { width: 100%; }
.site-container .oldsection .members .member .profile > a, .site-container section .members .member .profile > a { float: left; display: inline-block; width: 117px; height: 117px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.site-container .oldsection .members .member .profile > a img, .site-container section .members .member .profile > a img { width: 100%; }
.site-container .oldsection .members .member .profile .content, .site-container section .members .member .profile .content { margin-left: 150px; }
.site-container .oldsection .members .member .profile .content h1, .site-container section .members .member .profile .content h1 { font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: 300; color: #232323; margin-bottom: 35px; }
.site-container .oldsection .members .member .profile .content h1 span, .site-container section .members .member .profile .content h1 span {font-family: 'Roboto', sans-serif; display: block; font-size: 18px; font-weight: 300; color: #232323; margin-top: 5px; }
.site-container .oldsection .members .member .profile .content p, .site-container section .members .member .profile .content p { font-size: 13px; font-weight: normal; color: #646464; line-height: 18px;
font-family: "Roboto", sans-serif; }
.site-container .oldsection .members .member .social, .site-container section .members .member .social { width: 100%; margin-top: 40px; background-color: #f5f5f5; }
.site-container .oldsection .members .member .social ul, .site-container section .members .member .social ul { text-align: center; }
.site-container .oldsection .members .member .social ul li, .site-container section .members .member .social ul li { display: inline-block; }
.site-container .oldsection .members .member .social ul li a, .site-container section .members .member .social ul li a { display: block; width: 50px; height: 50px; color: #c8c8c8; font-size: 23px; padding: 15px 0 0; }
.site-container .oldsection .members .member .social ul li a:hover, .site-container section .members .member .social ul li a:hover { background-color:#86754d; color: #FFF; }
.site-container .oldsection .members .owl-controls .owl-pagination, .site-container section .members .owl-controls .owl-pagination { display: table; margin: 20px auto; }
.site-container .oldsection .members .owl-controls .owl-pagination .owl-page, .site-container section .members .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #c8c8c8; margin-left: 10px; }
.site-container .oldsection .members .owl-controls .owl-pagination .owl-page.active, .site-container section .members .owl-controls .owl-pagination .owl-page.active { background-color: #000; }
.site-container .oldsection .progress, .site-container section .progress { position: relative; overflow: inherit !important; margin: 50px 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: #f5f5f5; }
.site-container .oldsection .progress span, .site-container section .progress span { position: absolute; font-family: 'Glegoo', serif !important; font-size: 13px !important; font-weight: normal !important; color: #232323 !important; }
.site-container .oldsection .progress .p-label, .site-container section .progress .p-label { left: 0; top: -20px; }
.site-container .oldsection .progress .p-count, .site-container section .progress .p-count { right: 0; top: -20px; }
.site-container .oldsection .progress .progress-bar, .site-container section .progress .progress-bar { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: #55c8ff; }
.site-container .oldsection .testimonials, .site-container section .testimonials { position: relative; background: #FFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.site-container .oldsection .testimonials.gray, .site-container section .testimonials.gray { background-color: #f5f5f5 !important; }
.site-container .oldsection .testimonials .client, .site-container section .testimonials .client { padding: 110px; }
.site-container .oldsection .testimonials .client > a, .site-container section .testimonials .client > a { float: left; display: block; width: 100px; height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.site-container .oldsection .testimonials .client > a img, .site-container section .testimonials .client > a img { width: 100%; }
.site-container .oldsection .testimonials .client .content, .site-container section .testimonials .client .content { margin-left: 250px; }
.site-container .oldsection .testimonials .client .content p, .site-container section .testimonials .client .content p { font-family: "Roboto", sans-serif;font-size: 13px; font-weight: normal; line-height: 18px; color: #646464; margin-bottom: 30px; position: relative; }
.site-container .oldsection .testimonials .client .content p:before, .site-container section .testimonials .client .content p:before { display: block; position: absolute; left: -60px; top: -30px; font-family: 'Roboto', sans-serif; font-size: 100px; content: '"'; color: #55c8ff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.site-container .oldsection .testimonials .client .content p:after, .site-container section .testimonials .client .content p:after { position: absolute; right: -20px; bottom: -40px; font-family: 'Roboto', sans-serif; font-size: 100px; content: '"'; color: #55c8ff; }
.site-container .oldsection .testimonials .client .content h2, .site-container section .testimonials .client .content h2 { font-size: 25px; font-weight: normal; color: #203568;font-family: "Roboto", sans-serif; }
.site-container .oldsection .testimonials .client .content h2 span, .site-container section .testimonials .client .content h2 span { margin-top: 5px; font-size: 16px; display: block;font-family: "Roboto", sans-serif;    color: #232323; }
.site-container .oldsection .testimonials .owl-controls, .site-container section .testimonials .owl-controls { position: absolute; bottom: -60px; left: 50%; z-index: 2; }
.site-container .oldsection .testimonials .owl-controls .owl-pagination, .site-container section .testimonials .owl-controls .owl-pagination { display: table; margin: 20px auto; }
.site-container .oldsection .testimonials .owl-controls .owl-pagination .owl-page, .site-container section .testimonials .owl-controls .owl-pagination .owl-page { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #c8c8c8; margin-left: 10px; }
.site-container .oldsection .testimonials .owl-controls .owl-pagination .owl-page.active, .site-container section .testimonials .owl-controls .owl-pagination .owl-page.active { background-color: #000; }
.site-container .oldsection .spritelogo, .site-container section .spritelogo { display: table; width: 100%; height: 146px; margin-top: 60px; margin-bottom: 20px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; }
.site-container .oldsection .spritelogo:hover img, .site-container section .spritelogo:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }
.site-container .oldsection .spritelogo img, .site-container section .spritelogo img { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; width: 100%; border:solid 1px #d4d6dc; }
.site-container .oldsection.contactmap .maps, .site-container section.contactmap .maps { position: relative; height: 387px; }
.site-container .oldsection.contactmap .maps .overlay, .site-container section.contactmap .maps .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.68); z-index: 2; }
.site-container .oldsection.contactmap .maps .overlay .overlay-text, .site-container section.contactmap .maps .overlay .overlay-text { max-width: 300px; margin: 13% auto 0; }
.site-container .oldsection.contactmap .maps .overlay .overlay-text h3, .site-container section.contactmap .maps .overlay .overlay-text h3 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #FFF; }
.site-container .oldsection.contactmap .maps .overlay .overlay-text p, .site-container section.contactmap .maps .overlay .overlay-text p { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; color: #DAD4D4; }
.site-container .oldsection.contactmap .maps .overlay .overlay-text a, .site-container section.contactmap .maps .overlay .overlay-text a {font-family: "Roboto", sans-serif; display: table; margin: 30px 0; padding: 15px 35px; color: #FFF; text-decoration: none; -webkit-box-shadow: inset 0px 0px 0px 1px #7f6f49; -moz-box-shadow: inset 0px 0px 0px 1px #7f6f49; box-shadow: inset 0px 0px 0px 1px #7f6f49; background: #7f6f49; /* Old browsers */  /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55c8ff', endColorstr='#4cb4e5',GradientType=0 ); /* IE6-9 */ }
.site-container .oldsection.contactmap .maps .overlay .overlay-text a:hover, .site-container section.contactmap .maps .overlay .overlay-text a:hover { background: #7f6f49; /* Old browsers */  /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb4e5', endColorstr='#55c8ff',GradientType=0 ); /* IE6-9 */ }
.site-container .oldsection.contactmap .maps .google-maps, .site-container section.contactmap .maps .google-maps { position: absolute; width: 100%; height: 100%; }
.site-container .oldsection.contactmap .maps .google-maps.one-page, .site-container section.contactmap .maps .google-maps.one-page { height: 100% !important; min-height: 100% !important; }
.site-container .oldsection.contactmap .maps .google-maps img, .site-container section.contactmap .maps .google-maps img { max-width: none; }
.site-container .oldsection .blockstyle, .site-container section .blockstyle { background: #203568;text-align: center; padding: 50px 0; }
.site-container .oldsection .blockstyle h2, .site-container section .blockstyle h2 { font-family: 'Roboto', sans-serif; font-size: 32px; font-weight: 300; color: #FFF; text-transform: uppercase; margin: 10px 0 15px 0; }
.site-container .oldsection .blockstyle p, .site-container section .blockstyle p { font-size: 13px; font-weight: normal; color: #000; text-align: center; }
.site-container .oldsection .blockstyle input, .site-container section .blockstyle input { font-size: 13px;font-weight: normal; color: #FFF; margin: 4px 0; }
.site-container .oldsection .blockstyle input[type="text"], .site-container section .blockstyle input[type="text"] { float: none; border: #FFF 1px solid; background: #fff; color: #000; padding: 5px 14px;    width: 300px;    min-height: 37px; }
.site-container .oldsection .blockstyle input[type="text"]::-webkit-input-placeholder, .site-container section .blockstyle input[type="text"]::-webkit-input-placeholder { padding: 5px 0 0; color: #000; }
.site-container .oldsection .blockstyle input[type="text"]:-moz-placeholder, .site-container section .blockstyle input[type="text"]:-moz-placeholder { padding: 5px 0 0; color: #000; }
.site-container .oldsection .blockstyle input[type="text"]::-moz-placeholder, .site-container section .blockstyle input[type="text"]::-moz-placeholder { padding: 5px 0 0; color: #000; }
.site-container .oldsection .blockstyle input[type="text"]:-ms-input-placeholder, .site-container section .blockstyle input[type="text"]:-ms-input-placeholder { padding: 5px 0 0; color: #000;font-family: "Roboto", sans-serif; }
.site-container .oldsection .blockstyle input[type="submit"], .site-container section .blockstyle input[type="submit"] { float: left; border:#7F6F49 1px solid; color: #FFF; padding: 20px 50px; background: #7F6F49;margin-top:20px; }
.site-container .oldsection.slider-block, .site-container section.slider-block { background-color: #323232; padding: 3.125em 0; }
.site-container .oldsection.slider-block.white, .site-container section.slider-block.white { background-color: #f5f5f5 !important; }
.site-container .oldsection.slider-block.white h2, .site-container section.slider-block.white h2 { color: #000 !important; }
.site-container .oldsection.slider-block.white p, .site-container section.slider-block.white p { color: #646464 !important; }
.site-container .oldsection.slider-block h2, .site-container section.slider-block h2 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #FFF; margin-bottom: 10px; }
.site-container .oldsection.slider-block p, .site-container section.slider-block p { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; }
.site-container .oldsection.slider-block a.read-more, .site-container section.slider-block a.read-more { margin: 15px auto; }
.site-container .oldsection.fashion-intro, .site-container section.fashion-intro { padding: 3% 0; }
.site-container .oldsection.fashion-intro .splash-anime, .site-container section.fashion-intro .splash-anime { position: relative; padding: 40% 0 0; overflow: hidden; }
.site-container .oldsection.fashion-intro .splash-anime .background-splash, .site-container section.fashion-intro .splash-anime .background-splash { width: 77%; position: absolute; bottom: 0; left: 12%; z-index: 1; }
.site-container .oldsection.fashion-intro .splash-anime .background-splash img, .site-container section.fashion-intro .splash-anime .background-splash img { width: 100%; }
.site-container .oldsection.fashion-intro .splash-anime .image-splash, .site-container section.fashion-intro .splash-anime .image-splash { position: absolute; width: 50%; bottom: -2px; left: 25%; z-index: 2; }
.site-container .oldsection.fashion-intro .splash-anime .image-splash img, .site-container section.fashion-intro .splash-anime .image-splash img { width: 100%; }
.site-container .oldsection.fashion-intro .splash-anime .split-splash, .site-container section.fashion-intro .splash-anime .split-splash { position: absolute; width: 65%; bottom: -5%; left: 14%; z-index: 4; }
.site-container .oldsection.fashion-intro .splash-anime .split-splash img, .site-container section.fashion-intro .splash-anime .split-splash img { width: 100%; }
.site-container .oldsection.fashion-intro .splash-heading, .site-container section.fashion-intro .splash-heading { position: relative; z-index: 15; padding-left: 15%; }
.site-container .oldsection.fashion-intro .splash-heading:before, .site-container section.fashion-intro .splash-heading:before { position: absolute; content: ""; top: 0; right: 0; width: 4.2em; height: 4.2em; background: #55c8ff; }
.site-container .oldsection.fashion-intro .splash-heading:after, .site-container section.fashion-intro .splash-heading:after { position: absolute; content: ""; bottom: 5%; left: 7%; width: 4.2em; height: 4.2em; background: #c8c8c8; }
.site-container .oldsection.fashion-intro .splash-heading h1, .site-container section.fashion-intro .splash-heading h1 { font-family: 'Roboto', sans-serif; font-size: 3em; font-weight: 300; color: #323232; padding: 0; line-height: 0; overflow: hidden; }
.site-container .oldsection.fashion-intro .splash-heading h1 span, .site-container section.fashion-intro .splash-heading h1 span { position: relative; display: inline-block; padding-bottom: 0.5%; font-size: 1.875em; line-height: 0.7em; color: #FFF; background-color: #323232; }
.site-container .oldsection.fashion-intro .splash-heading h1 span:after, .site-container section.fashion-intro .splash-heading h1 span:after { display: inline-block; content: ""; position: absolute; width: 100%; height: 0.76em; background-color: #323232; }
.site-container .oldsection.fashion-intro .splash-heading h2, .site-container section.fashion-intro .splash-heading h2 { font-family: 'Roboto', sans-serif; font-size: 5.625em; font-weight: 300; color: #323232; }
.site-container .oldsection.fashion-intro .splash-heading h2 span, .site-container section.fashion-intro .splash-heading h2 span { font-size: 0.66667em; }
.site-container .oldsection .line-bottom, .site-container section .line-bottom { position: relative; }
.site-container .oldsection .line-bottom:after, .site-container section .line-bottom:after { content: ""; display: block; position: absolute; bottom: 0; left: 15px; right: 15px; height: 1px; background-color: #c8c8c8; }
.site-container .oldsection .iconv-box, .site-container section .iconv-box { padding: 30px 0 80px; }
.site-container .oldsection .iconv-box .icon, .site-container section .iconv-box .icon { text-decoration: none; color: #fff; background-color: #55c8ff; /* teal */ height: 120px; width: 120px; font-size: 70px; line-height: 140px; text-align: center; display: block; overflow: hidden; margin: 0 auto 0.625em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; text-shadow: #46b9f0 1px 1px, #46b9f0 2px 2px, #46b9f0 3px 3px, #46b9f0 4px 4px, #46b9f0 5px 5px, #46b9f0 6px 6px, #46b9f0 7px 7px, #46b9f0 8px 8px, #46b9f0 9px 9px, #46b9f0 10px 10px, #46b9f0 11px 11px, #46b9f0 12px 12px, #46b9f0 13px 13px, #46b9f0 14px 14px, #46b9f0 15px 15px, #46b9f0 16px 16px, #46b9f0 17px 17px, #46b9f0 18px 18px, #46b9f0 19px 19px, #46b9f0 20px 20px, #46b9f0 21px 21px, #46b9f0 22px 22px, #46b9f0 23px 23px, #46b9f0 24px 24px, #46b9f0 25px 25px, #46b9f0 26px 26px, #46b9f0 27px 27px, #46b9f0 28px 28px, #46b9f0 29px 29px, #46b9f0 30px 30px, #46b9f0 31px 31px, #46b9f0 32px 32px, #46b9f0 33px 33px, #46b9f0 34px 34px, #46b9f0 35px 35px, #46b9f0 36px 36px, #46b9f0 37px 37px, #46b9f0 38px 38px, #46b9f0 39px 39px, #46b9f0 40px 40px, #46b9f0 41px 41px, #46b9f0 42px 42px, #46b9f0 43px 43px, #46b9f0 44px 44px, #46b9f0 45px 45px, #46b9f0 46px 46px, #46b9f0 47px 47px, #46b9f0 48px 48px, #46b9f0 49px 49px, #46b9f0 50px 50px, #46b9f0 51px 51px, #46b9f0 52px 52px, #46b9f0 53px 53px, #46b9f0 54px 54px, #46b9f0 55px 55px, #46b9f0 56px 56px, #46b9f0 57px 57px, #46b9f0 58px 58px, #46b9f0 59px 59px, #46b9f0 60px 60px, #46b9f0 61px 61px, #46b9f0 62px 62px, #46b9f0 63px 63px, #46b9f0 64px 64px, #46b9f0 65px 65px, #46b9f0 66px 66px, #46b9f0 67px 67px, #46b9f0 68px 68px, #46b9f0 69px 69px, #46b9f0 70px 70px, #46b9f0 71px 71px, #46b9f0 72px 72px, #46b9f0 73px 73px, #46b9f0 74px 74px, #46b9f0 75px 75px, #46b9f0 76px 76px, #46b9f0 77px 77px, #46b9f0 78px 78px, #46b9f0 79px 79px, #46b9f0 80px 80px, #46b9f0 81px 81px, #46b9f0 82px 82px, #46b9f0 83px 83px, #46b9f0 84px 84px, #46b9f0 85px 85px, #46b9f0 86px 86px, #46b9f0 87px 87px, #46b9f0 88px 88px, #46b9f0 89px 89px, #46b9f0 90px 90px, #46b9f0 91px 91px, #46b9f0 92px 92px, #46b9f0 93px 93px, #46b9f0 94px 94px, #46b9f0 95px 95px, #46b9f0 96px 96px, #46b9f0 97px 97px, #46b9f0 98px 98px, #46b9f0 99px 99px, #46b9f0 100px 100px; }
.site-container .oldsection .iconv-box .icon:hover, .site-container section .iconv-box .icon:hover { -webkit-animation: tada 1s infinite linear; animation: tada 1s infinite linear; }
.site-container .oldsection .iconv-box h2, .site-container section .iconv-box h2 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #000; text-align: center; margin-bottom: 1.5625em; }
.site-container .oldsection .iconv-box p, .site-container section .iconv-box p { font-size: 13px; line-height: 18px; color: #646464; text-align: center; }
.site-container .oldsection .shopping-item, .site-container section .shopping-item { margin-bottom: 20px; }
.site-container .oldsection .shopping-item .featured-image, .site-container section .shopping-item .featured-image { width: 100%; }
.site-container .oldsection .shopping-item .featured-image img, .site-container section .shopping-item .featured-image img { width: 100%; }
.site-container .oldsection .shopping-item .content, .site-container section .shopping-item .content { width: 100%; }
.site-container .oldsection .shopping-item .content h2, .site-container section .shopping-item .content h2 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #000; margin: 65px 0 40px; }
.site-container .oldsection .shopping-item .content p, .site-container section .shopping-item .content p { font-size: 13px; font-weight: normal; color: #7d7d7d; line-height: 18px; margin-bottom: 40px; }
.site-container .oldsection .shopping-item .content .read-item, .site-container section .shopping-item .content .read-item { display: inline-block; text-decoration: none; font-size: 16px; font-weight: normal; color: #55c8ff; padding: 10px 15px; border: #55c8ff 1px solid; margin-bottom: 40px; }
.site-container .oldsection .shopping-item .content .read-item:hover, .site-container section .shopping-item .content .read-item:hover { background-color: #55c8ff; color: #FFF; }
.site-container .oldsection .shopping-item .metabox, .site-container section .shopping-item .metabox { border: #f8f8f8 1px solid; padding: 20px; }
.site-container .oldsection .shopping-item .metabox .avg, .site-container section .shopping-item .metabox .avg { /* change these if you want */ }
.site-container .oldsection .shopping-item .metabox .avg span, .site-container section .shopping-item .metabox .avg span { display: block; font-size: 13px; font-weight: normal; color: #232323; margin-bottom: 15px; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-bg-layer, .site-container section .shopping-item .metabox .avg .raterater-bg-layer { color: rgba(240, 240, 240, 0.25); }
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer, .site-container section .shopping-item .metabox .avg .raterater-hover-layer { color: rgba(255, 200, 0, 0.75); }
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer.rated, .site-container section .shopping-item .metabox .avg .raterater-hover-layer.rated { /* after the user selects a rating */ color: yellow; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-rating-layer, .site-container section .shopping-item .metabox .avg .raterater-rating-layer { color: rgba(255, 200, 0, 0.75); }
.site-container .oldsection .shopping-item .metabox .avg .raterater-outline-layer, .site-container section .shopping-item .metabox .avg .raterater-outline-layer { color: rgba(0, 0, 0, 0.25); }
.site-container .oldsection .shopping-item .metabox .avg .raterater-wrapper, .site-container section .shopping-item .metabox .avg .raterater-wrapper { overflow: visible; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-layer, .site-container .oldsection .shopping-item .metabox .avg .raterater-layer i, .site-container section .shopping-item .metabox .avg .raterater-layer, .site-container section .shopping-item .metabox .avg .raterater-layer i { display: block; position: absolute; overflow: visible; top: 0px; left: 0px; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer, .site-container section .shopping-item .metabox .avg .raterater-hover-layer { display: none; }
.site-container .oldsection .shopping-item .metabox .avg .raterater-hover-layer i, .site-container .oldsection .shopping-item .metabox .avg .raterater-rating-layer i, .site-container section .shopping-item .metabox .avg .raterater-hover-layer i, .site-container section .shopping-item .metabox .avg .raterater-rating-layer i { width: 0px; overflow: hidden; }
.site-container .oldsection .shopping-item .metabox ul, .site-container section .shopping-item .metabox ul { display: table; float: right; }
.site-container .oldsection .shopping-item .metabox ul li, .site-container section .shopping-item .metabox ul li { display: inline-block; }
.site-container .oldsection .shopping-item .metabox ul li a, .site-container section .shopping-item .metabox ul li a { display: block; text-decoration: none; width: 35px; height: 35px; margin-right: 10px; background-color: #f5f5f5; color: #afafaf; text-align: center; font-size: 16px; padding-top: 10px; }
.site-container .oldsection .shopping-item .metabox ul li a:hover, .site-container section .shopping-item .metabox ul li a:hover { background-color: #55c8ff; color: #FFF; }
.site-container .oldsection .vbox-blog, .site-container section .vbox-blog { width: 100%; background-color: #FFF; margin-bottom: 20px; }
.site-container .oldsection .vbox-blog .image, .site-container section .vbox-blog .image { float: left; display: block; width: 220px; height: 220px; }
.site-container .oldsection .vbox-blog .image img, .site-container section .vbox-blog .image img { width: 100%; }
.site-container .oldsection .vbox-blog .content, .site-container section .vbox-blog .content { padding: 25px 25px 25px 250px; }
.site-container .oldsection .vbox-blog .content h1, .site-container section .vbox-blog .content h1 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #000; text-align: right; margin-bottom: 25px; }
.site-container .oldsection .vbox-blog .content h1 span, .site-container section .vbox-blog .content h1 span { display: block; text-transform: uppercase; }
.site-container .oldsection .vbox-blog .content p, .site-container section .vbox-blog .content p {  font-size: 13px; font-weight: normal; line-height: 18px; text-align: right; color: #7d7d7d; margin-bottom: 20px; }
.site-container .oldsection .vbox-blog .content a, .site-container section .vbox-blog .content a { float: right; display: inline-block; font-size: 16px; font-weight: normal; text-decoration: none; padding: 10px 15px; color: #55c8ff; border: #55c8ff 1px solid; }
.site-container .oldsection .vbox-blog .content a:hover, .site-container section .vbox-blog .content a:hover { background-color: #55c8ff; color: #FFF; }
.site-container .oldsection .bottom-border:after, .site-container section .bottom-border:after { display: block; content: ""; width: 100px; height: 5px; background-color: #FFF; margin: 30px auto 0; }
.site-container .oldsection .gray-container, .site-container section .gray-container { background-color: #f5f5f5; }
.site-container .oldsection.page-wrapper .center-title, .site-container section.page-wrapper .center-title { font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 300; color: #232323; text-align: center;     line-height: 40px;}
.site-container .oldsection.page-wrapper .center-title span, .site-container section.page-wrapper .center-title span { color: #55C8FF; }
.site-container .oldsection.page-wrapper .center-title:after, .site-container section.page-wrapper .center-title:after { content: ""; display: block; width: 10%; height: 4px; background-color: #55C8FF; margin: 30px auto 70px; }
.site-container .oldsection.page-wrapper .small-title, .site-container section.page-wrapper .small-title { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #232323; line-height: 30px; text-align: left; margin: 0 0 30px 0; }
.site-container .oldsection.page-wrapper p, .site-container section.page-wrapper p 
{
	font-weight: normal;
    color: #646464;
    margin-bottom: 30px;
    font-size: 14px;
}
.site-container .oldsection.page-wrapper .team-profile, .site-container section.page-wrapper .team-profile {     line-height: 24px; margin-bottom: 30px;min-height: 170px; }
.site-container .oldsection.page-wrapper .team-profile > a, .site-container section.page-wrapper .team-profile > a { display: block; width: 100%; }
.site-container .oldsection.page-wrapper .team-profile > a img, .site-container section.page-wrapper .team-profile > a img { width: 100%; }
.site-container .oldsection.page-wrapper .team-profile h2, .site-container section.page-wrapper .team-profile h2 { font-family: 'Roboto', sans-serif; font-size: 35px; font-weight: 300; line-height: 30px; color: #232323; margin: 40px 0 30px; text-transform: uppercase; }
.site-container .oldsection.page-wrapper .team-profile h2 span, .site-container section.page-wrapper .team-profile h2 span { display: block; font-size: 18px; text-transform: none; }
.site-container .oldsection.page-wrapper .team-profile p, .site-container section.page-wrapper .team-profile p { color: #7d7d7d; }
.site-container .oldsection.page-wrapper .team-profile .social-profile, .site-container section.page-wrapper .team-profile .social-profile { display: table; border: #d7d7d7 1px solid; margin-top: 30px; margin-left:auto; margin-right:auto; }
.site-container .oldsection.page-wrapper .team-profile .social-profile li, .site-container section.page-wrapper .team-profile .social-profile li { display: inline-block; }
.site-container .oldsection.page-wrapper .team-profile .social-profile li a, .site-container section.page-wrapper .team-profile .social-profile li a { display: block; width: 40px; height: 35px; text-align: center; padding-top: 8px; font-size: 18px; color: #d7d7d7; }
.site-container .oldsection.page-wrapper .team-profile .social-profile li a:hover, .site-container section.page-wrapper .team-profile .social-profile li a:hover { background-color: #203568; color: #FFF; }
.site-container .oldsection.page-wrapper .team-profile .social-profile li:not(:last-child) a, .site-container section.page-wrapper .team-profile .social-profile li:not(:last-child) a { border-right: #d7d7d7 1px solid; }
.site-container .oldsection.page-wrapper .icon-left, .site-container section.page-wrapper .icon-left { float: left; margin: 20px 0 0; width: 100%; }
.site-container .oldsection.page-wrapper .icon-left a, .site-container section.page-wrapper .icon-left a { float: left; display: block; width: 50px; height: 50px; border: #afafaf 1px solid; color: #afafaf; text-align: center; text-decoration: none; font-size: 25px; padding-top: 11px; padding-left: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.site-container .oldsection.page-wrapper .icon-left a:hover, .site-container section.page-wrapper .icon-left a:hover { border-color: #55c8ff; color: #55c8ff; }
.site-container .oldsection.page-wrapper .icon-left .content, .site-container section.page-wrapper .icon-left .content { padding-left: 75px; }
.site-container .oldsection.page-wrapper .icon-left .content h2, .site-container section.page-wrapper .icon-left .content h2 { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; color: #7d7d7d; margin: 0 0 20px 0; }
.site-container .oldsection.page-wrapper .icon-left .content p, .site-container section.page-wrapper .icon-left .content p { font-size: 13px; font-weight: normal; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection.page-wrapper .style-gray, .site-container section.page-wrapper .style-gray { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #7d7d7d; text-align: center; max-width: 80%; margin: 0 auto; }
.site-container .oldsection.page-wrapper .style-gray.no-border:after, .site-container section.page-wrapper .style-gray.no-border:after { display: none; }
.site-container .oldsection.page-wrapper .style-gray:after, .site-container section.page-wrapper .style-gray:after { content: ""; display: block; width: 10%; height: 4px; background-color: #55c8ff; margin: 30px auto 50px; }
.site-container .oldsection.page-wrapper .box-radius, .site-container section.page-wrapper .box-radius { width: 100%; padding: 60px 20px; background-color: #fafafa; margin: 20px 0; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.site-container .oldsection.page-wrapper .box-radius:after, .site-container section.page-wrapper .box-radius:after { content: ""; display: block; width: 30%; height: 3px; background-color: #e1e1e1; position: absolute; bottom: 0; left: 35%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.site-container .oldsection.page-wrapper .box-radius:hover, .site-container section.page-wrapper .box-radius:hover { background-color: #FFF; }
.site-container .oldsection.page-wrapper .box-radius:hover .box-icon, .site-container section.page-wrapper .box-radius:hover .box-icon { color: #55c8ff; border-color: #55c8ff; }
.site-container .oldsection.page-wrapper .box-radius:hover h2, .site-container section.page-wrapper .box-radius:hover h2 { color: #55c8ff; }
.site-container .oldsection.page-wrapper .box-radius:hover p, .site-container section.page-wrapper .box-radius:hover p { color: #232323; }
.site-container .oldsection.page-wrapper .box-radius:hover .linked, .site-container section.page-wrapper .box-radius:hover .linked { color: #55c8ff; }
.site-container .oldsection.page-wrapper .box-radius:hover:after, .site-container section.page-wrapper .box-radius:hover:after { background-color: #55c8ff; }
.site-container .oldsection.page-wrapper .box-radius .box-icon, .site-container section.page-wrapper .box-radius .box-icon { display: block; width: 80px; height: 80px; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #9a9a9a 1px solid; text-align: center; text-decoration: none; font-size: 50px; color: #9a9a9a; padding-top: 15px; margin-bottom: 40px; }
.site-container .oldsection.page-wrapper .box-radius h2, .site-container section.page-wrapper .box-radius h2 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #969696; text-align: center; margin: 0 0 40px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.site-container .oldsection.page-wrapper .box-radius p, .site-container section.page-wrapper .box-radius p { text-align: center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.site-container .oldsection.page-wrapper .box-radius .linked, .site-container section.page-wrapper .box-radius .linked { display: table; font-size: 13px; font-weight: normal; text-decoration: none; color: #c8c8c8; margin: 30px auto 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.site-container .oldsection.page-wrapper .box-radius .linked:after, .site-container section.page-wrapper .box-radius .linked:after { content: " > "; }
.site-container .oldsection.page-wrapper .vartical-tab .nav-tabs li a, .site-container section.page-wrapper .vartical-tab .nav-tabs li a { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; color: #969696; padding: 10px 70px 10px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: #d8d8d8 1px solid; border-bottom: none; margin: 0; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content, .site-container section.page-wrapper .vartical-tab .tab-content { background-color: #FFF; padding: 50px; border: 1px solid #ddd; border-top: none; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left { display: block; width: 100%; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left img, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .floated-left img { width: 100%; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-title, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-title { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #646464; margin-bottom: 40px; padding-left: 30px; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list { padding-left: 30px; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li { padding-left: 30px; position: relative; margin-bottom: 20px; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li p, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li p { margin: 0; }
.site-container .oldsection.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li:before, .site-container section.page-wrapper .vartical-tab .tab-content .tab-pane .tab-list li:before { position: absolute; top: 7px; left: 0; display: block; content: ""; background-color: #55c8ff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 7px; height: 7px; }
.site-container .oldsection .table-style-one, .site-container section .table-style-one { display: block; max-width: 100%; border-collapse: collapse; margin: 40px 0 20px; }
.site-container .oldsection .table-style-one th, .site-container .oldsection .table-style-one td, .site-container section .table-style-one th, .site-container section .table-style-one td { border: 1px solid #969696; background-color: #FFF; padding: 40px 25px; text-align: center;  font-size: 13px; font-weight: normal; color: #232323;    line-height: 22px; }
.site-container .oldsection .table-style-one th .ticky, .site-container .oldsection .table-style-one td .ticky, .site-container section .table-style-one th .ticky, .site-container section .table-style-one td .ticky { font-size: 25px; color: #55c8ff; }
.site-container .oldsection .table-style-one th .ticky.disabled, .site-container .oldsection .table-style-one td .ticky.disabled, .site-container section .table-style-one th .ticky.disabled, .site-container section .table-style-one td .ticky.disabled { color: #c8c8c8; }
.site-container .oldsection .table-style-one th.remove, .site-container .oldsection .table-style-one td.remove, .site-container section .table-style-one th.remove, .site-container section .table-style-one td.remove { border: none !important; background: transparent !important; }
.site-container .oldsection .table-style-one th.no-background, .site-container .oldsection .table-style-one td.no-background, .site-container section .table-style-one th.no-background, .site-container section .table-style-one td.no-background { background: transparent !important; border: none !important; }
.site-container .oldsection .table-style-one th .read-more, .site-container .oldsection .table-style-one td .read-more, .site-container section .table-style-one th .read-more, .site-container section .table-style-one td .read-more { display: block; }
.site-container .oldsection .table-style-one th.hover, .site-container .oldsection .table-style-one td.hover, .site-container section .table-style-one th.hover, .site-container section .table-style-one td.hover { background-color: #f5ffff; }
.site-container .oldsection .table-style-one th.title, .site-container .oldsection .table-style-one td.title, .site-container section .table-style-one th.title, .site-container section .table-style-one td.title { background-color: #ebebeb !important; font-size: 13px; font-weight: normal; text-align: left; }
.site-container .oldsection .table-style-one th.title a, .site-container .oldsection .table-style-one td.title a, .site-container section .table-style-one th.title a, .site-container section .table-style-one td.title a { color: #232323; }
.site-container .oldsection .table-style-one th.title a i, .site-container .oldsection .table-style-one td.title a i, .site-container section .table-style-one th.title a i, .site-container section .table-style-one td.title a i { font-size: 20px; color: #969696; margin-right: 10px; }
.site-container .oldsection .table-style-one td, .site-container section .table-style-one td {font-family: 'Roboto',sans-serif;padding: 4px 16px;text-align:justify; }
.site-container .oldsection .table-style-one td a, .site-container section .table-style-one td a { text-decoration: none; }
.site-container .oldsection .table-style-one .table-heading tr th h2 span, .site-container section .table-style-one .table-heading tr th h2 span { display: block; font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 900; color: #fff; margin-bottom: 10px; }
.site-container .oldsection .table-style-one .table-heading tr th h2 span sup, .site-container section .table-style-one .table-heading tr th h2 span sup { font-size: 40px; }
.site-container .oldsection .table-style-one .table-heading tr th h2 .package-name, .site-container section .table-style-one .table-heading tr th h2 .package-name { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #55c8ff; text-transform: uppercase; margin-bottom: 30px; }
.site-container .oldsection .table-style-one .table-heading tr th h2 .pagkage-time, .site-container section .table-style-one .table-heading tr th h2 .pagkage-time {  font-size: 13px; font-weight: normal; color: #232323; }
.site-container .oldsection .table-style-one .table-heading tr th p, .site-container section .table-style-one .table-heading tr th p { font-size: 13px; font-weight: normal; color: #7d7d7d; line-height: 18px; margin-bottom: 10px; }
.site-container .oldsection .table-style-one .table-heading tr th.remove, .site-container section .table-style-one .table-heading tr th.remove { background: transparent; }
.site-container .oldsection .table-style-two, .site-container section .table-style-two { width: 100%; border-collapse: collapse; margin: 40px 0; border: 1px solid #969696; }
.site-container .oldsection .table-style-two th, .site-container section .table-style-two th { width: 100%; text-align: center; }
.site-container .oldsection .table-style-two th span.packaget-name, .site-container section .table-style-two th span.packaget-name { display: block; padding: 40px 0; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #55c8ff; text-transform: uppercase; background-color: #fafafa; }
.site-container .oldsection .table-style-two th span.packaget-value, .site-container section .table-style-two th span.packaget-value { position: relative; display: block; font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 300; color: #232323; padding: 40px 0; background-color: #f5f5f5; }
.site-container .oldsection .table-style-two th span.packaget-value sup, .site-container section .table-style-two th span.packaget-value sup { font-size: 32px; }
.site-container .oldsection .table-style-two th span.packaget-value sup.ptime, .site-container section .table-style-two th span.packaget-value sup.ptime { position: absolute; top: 34px; padding: 0 10px; font-size: 18px; color: #969696; }
.site-container .oldsection .table-style-two tbody tr td, .site-container section .table-style-two tbody tr td { width: 100%; text-align: center; padding: 15px 0; font-size: 16px; font-weight: normal; color: #232323; }
.site-container .oldsection .table-style-two tbody tr td .read-more, .site-container section .table-style-two tbody tr td .read-more { display: inline-block; }
.site-container .oldsection .table-style-two tbody tr:nth-child(odd), .site-container section .table-style-two tbody tr:nth-child(odd) { background-color: #FFF; }
.site-container .oldsection .table-style-two tbody tr:nth-child(even), .site-container section .table-style-two tbody tr:nth-child(even) { background-color: #fafafa; }
.site-container .oldsection .faq-title, .site-container section .faq-title { text-align: center; }
.site-container .oldsection .faq-title h1, .site-container section .faq-title h1 { font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 300; color: #232323; text-transform: uppercase; margin-bottom: 45px; }
.site-container .oldsection .faq-title h1:after, .site-container section .faq-title h1:after { content: ""; display: block; width: 100px; height: 3px; background-color: #55c8ff; margin: 30px auto 0; }
.site-container .oldsection .faq-title P, .site-container section .faq-title P { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #7d7d7d; }
.site-container .oldsection .faqt, .site-container section .faqt { font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 300; color: #232323; margin: 45px 0; }
.site-container .oldsection .faq-list li, .site-container section .faq-list li { padding-bottom: 20px; margin-bottom: 15px; border-bottom: #e3e3e3 1px solid; }
.site-container .oldsection .faq-list li.active a, .site-container section .faq-list li.active a { color: #55c8ff; }
.site-container .oldsection .faq-list li.active a:before, .site-container section .faq-list li.active a:before { content: "\f107"; background-color: #55c8ff; }
.site-container .oldsection .faq-list li.active .content, .site-container section .faq-list li.active .content { display: block; }
.site-container .oldsection .faq-list li a, .site-container section .faq-list li a { position: relative; display: block; font-size: 16px; font-weight: normal; color: #646464; text-decoration: none; padding-left: 40px; padding-top: 7px; }
.site-container .oldsection .faq-list li a:before, .site-container section .faq-list li a:before { position: absolute; top: 0; left: 0; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; text-align: center; content: "\f105"; display: block; width: 30px; height: 30px; color: #FFF; background-color: #e3e3e3; padding-top: 5px; }
.site-container .oldsection .faq-list li .content, .site-container section .faq-list li .content { display: none; font-size: 13px; font-weight: normal; color: #232323; line-height: 18px; padding: 25px 40px 20px 40px; }
.site-container .oldsection .portolio-filters, .site-container section .portolio-filters { text-align: center; }
.site-container .oldsection .portolio-filters li, .site-container section .portolio-filters li { display: inline-block; margin-right: 10px; margin-bottom: 5px; }
.site-container .oldsection .portolio-filters li a, .site-container section .portolio-filters li a { display: block; font-size: 15px; font-weight: normal; color: #7d7d7d; padding: 10px 15px; background-color: #fafafa; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 1px 0px #b8b8b8; -moz-box-shadow: 1px 1px 1px 0px #b8b8b8; box-shadow: 1px 1px 1px 0px #b8b8b8; }
.site-container .oldsection .portolio-filters li a:hover, .site-container section .portolio-filters li a:hover { background-color: #FFF; }
.site-container .oldsection .portolio-filters li.active a, .site-container section .portolio-filters li.active a { background-color: #50bdf1; color: #FFF; }
.site-container .oldsection .portfolio-one, .site-container section .portfolio-one { position: relative; }
.site-container .oldsection .portfolio-one ul .item, .site-container section .portfolio-one ul .item { float: left; width: 20%; overflow: hidden; position: relative; }
.site-container .oldsection .portfolio-one ul .item img, .site-container section .portfolio-one ul .item img { width: 100%; }
.site-container .oldsection .portfolio-one ul .item:hover .hover, .site-container section .portfolio-one ul .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; }
.site-container .oldsection .portfolio-one ul .item:hover .hover ul, .site-container section .portfolio-one ul .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-one ul .item:hover .hover span, .site-container section .portfolio-one ul .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-one ul .item .hover, .site-container section .portfolio-one ul .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #55c8ff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-one ul .item .hover ul, .site-container section .portfolio-one ul .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-one ul .item .hover ul li, .site-container section .portfolio-one ul .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio-one ul .item .hover ul li a, .site-container section .portfolio-one ul .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio-one ul .item .hover ul li a:hover, .site-container section .portfolio-one ul .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio-one ul .item .hover span, .site-container section .portfolio-one ul .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; text-align: center; color: #FFF; text-align: center; position: absolute; left: 0; right: 0; padding: 0 20px; margin-top: 5px; }
.site-container .oldsection .portfolio-two, .site-container section .portfolio-two { position: relative; }
.site-container .oldsection .portfolio-two ul .item, .site-container section .portfolio-two ul .item { float: left; width: 50%; padding: 10px; overflow: hidden; position: relative; }
.site-container .oldsection .portfolio-two ul .item img, .site-container section .portfolio-two ul .item img { width: 100%; }
.site-container .oldsection .portfolio-two ul .item:hover .hover, .site-container section .portfolio-two ul .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; }
.site-container .oldsection .portfolio-two ul .item:hover .hover ul, .site-container section .portfolio-two ul .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-two ul .item:hover .hover span, .site-container section .portfolio-two ul .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-two ul .item .hover, .site-container section .portfolio-two ul .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #55c8ff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-two ul .item .hover ul, .site-container section .portfolio-two ul .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-two ul .item .hover ul li, .site-container section .portfolio-two ul .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio-two ul .item .hover ul li a, .site-container section .portfolio-two ul .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio-two ul .item .hover ul li a:hover, .site-container section .portfolio-two ul .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio-two ul .item .hover span, .site-container section .portfolio-two ul .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; text-align: center; color: #FFF; text-align: center; position: absolute; left: 0; right: 0; padding: 0 20px; margin-top: 5px; }
.site-container .oldsection .portfolio-three, .site-container section .portfolio-three { width: 100%; }
.site-container .oldsection .portfolio-three ul .item, .site-container section .portfolio-three ul .item { float: left; width: 33.3333333333%; padding: 10px; overflow: hidden; position: relative; }
.site-container .oldsection .portfolio-three ul .item img, .site-container section .portfolio-three ul .item img { width: 100%; }
.site-container .oldsection .portfolio-three ul .item:hover .hover, .site-container section .portfolio-three ul .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; }
.site-container .oldsection .portfolio-three ul .item:hover .hover ul, .site-container section .portfolio-three ul .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-three ul .item:hover .hover span, .site-container section .portfolio-three ul .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-three ul .item .hover, .site-container section .portfolio-three ul .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #55c8ff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-three ul .item .hover ul, .site-container section .portfolio-three ul .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-three ul .item .hover ul li, .site-container section .portfolio-three ul .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio-three ul .item .hover ul li a, .site-container section .portfolio-three ul .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio-three ul .item .hover ul li a:hover, .site-container section .portfolio-three ul .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio-three ul .item .hover span, .site-container section .portfolio-three ul .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; text-align: center; color: #FFF; text-align: center; position: absolute; left: 0; right: 0; padding: 0 20px; margin-top: 5px; }
.site-container .oldsection .portfolio-four, .site-container section .portfolio-four { width: 100%; }
.site-container .oldsection .portfolio-four ul .item, .site-container section .portfolio-four ul .item { float: left; width: 20%; padding: 10px; overflow: hidden; position: relative; }
.site-container .oldsection .portfolio-four ul .item img, .site-container section .portfolio-four ul .item img { width: 100%; }
.site-container .oldsection .portfolio-four ul .item:hover .hover, .site-container section .portfolio-four ul .item:hover .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; visibility: visible; }
.site-container .oldsection .portfolio-four ul .item:hover .hover ul, .site-container section .portfolio-four ul .item:hover .hover ul { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-four ul .item:hover .hover span, .site-container section .portfolio-four ul .item:hover .hover span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; visibility: visible; }
.site-container .oldsection .portfolio-four ul .item .hover, .site-container section .portfolio-four ul .item .hover { -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #55c8ff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-four ul .item .hover ul, .site-container section .portfolio-four ul .item .hover ul { display: table; position: absolute; left: 50%; top: 50%; margin: -20px -45px 0; padding: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }
.site-container .oldsection .portfolio-four ul .item .hover ul li, .site-container section .portfolio-four ul .item .hover ul li { display: inline-block; }
.site-container .oldsection .portfolio-four ul .item .hover ul li a, .site-container section .portfolio-four ul .item .hover ul li a { display: block; width: 36px; height: 36px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: #fff 1px solid; margin-left: 10px; padding: 9px; }
.site-container .oldsection .portfolio-four ul .item .hover ul li a:hover, .site-container section .portfolio-four ul .item .hover ul li a:hover { color: #2e6884; border-color: #2e6884; }
.site-container .oldsection .portfolio-four ul .item .hover span, .site-container section .portfolio-four ul .item .hover span { position: absolute; top: 65%; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; display: block; font-size: 13px; text-align: center; color: #FFF; text-align: center; position: absolute; left: 0; right: 0; padding: 0 20px; margin-top: 5px; }
.site-container .oldsection .google-maps, .site-container section .google-maps { width: 100%; min-height: 474px; }
.site-container .oldsection .contact-details, .site-container section .contact-details { background-color: #f5f5f5; }
.site-container .oldsection .contact-details .contact-title, .site-container section .contact-details .contact-title { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #969696; text-transform: uppercase; margin-bottom: 40px; }
.site-container .oldsection .contact-details .contact-title:after, .site-container section .contact-details .contact-title:after { display: block; content: ""; width: 100px; height: 3px; background-color: #55c8ff; margin-top: 20px; }
.site-container .oldsection .contact-details p, .site-container section .contact-details p { font-size: 16px; font-weight: normal; color: #7d7d7d; line-height: 22px; margin-bottom: 10px; }
.site-container .oldsection .contact-details .shared-icon li, .site-container section .contact-details .shared-icon li { display: inline-block; margin-right: 15px; margin-bottom: 15px; width: 35px; height: 35px; }
.site-container .oldsection .contact-details .shared-icon li a, .site-container section .contact-details .shared-icon li a { display: block; padding: 10px 0px; font-size: 18px; text-align: center; color: #c8c8c8; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #FFF; }
.site-container .oldsection .contact-details .shared-icon li a:hover, .site-container section .contact-details .shared-icon li a:hover { color: #FFF; background-color: #55c8ff; }
.site-container .oldsection .contact-forms h1, .site-container section .contact-forms h1
{ 
     font-family: 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: 300;
    color: #232323;
    margin-bottom: 50px;
}
.site-container .oldsection .contact-forms h1:after, .site-container section .contact-forms h1:after { display: block; content: ""; width: 100px; height: 3px; background-color: #55c8ff; margin-top: 20px; }
.site-container .oldsection .contact-forms h2, .site-container section .contact-forms h2 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #7d7d7d; line-height: 30px; margin-bottom: 20px; }
.site-container .oldsection .contact-forms p, .site-container section .contact-forms p { font-size: 13px; font-weight: normal; color: #7d7d7d; margin-bottom: 10px; }
.site-container .oldsection .contact-forms .contact-form label, .site-container section .contact-forms .contact-form label { font-size: 16px; font-weight: normal; color: #7d7d7d; line-height: 22px; margin-bottom: 5px; }
.site-container .oldsection .contact-forms .contact-form input, .site-container .oldsection .contact-forms .contact-form textarea, .site-container section .contact-forms .contact-form input, .site-container section .contact-forms .contact-form textarea { background-color: #f5f5f5; }
.site-container .oldsection .contact-forms .contact-form .read-more, .site-container section .contact-forms .contact-form .read-more { border: none; display: inline-block; margin: 20px 0 0; }
.site-container .oldsection .whitebox, .site-container section .whitebox { display: block; margin: 60px 0; padding: 40px 80px; background: white url(../img/pattern3.png); border: #f4f4f4 1px solid; }
.site-container .oldsection .whitebox p, .site-container section .whitebox p { font-family: 'Roboto', sans-serif; text-align: left; font-size: 24px; line-height: 42px; font-weight: 400; color: #203594; margin-bottom: 0; }
.site-container .oldsection .whitebox a, .site-container section .whitebox a { float: right; margin: 0; display: table-cell; vertical-align: middle; font-size: 16px; font-weight: normal; color: #FFF; padding: 15px 45px;font-family: "Roboto", sans-serif; }
.site-container .oldsection .left-icon, .site-container section .left-icon { margin: 40px 0; }
.site-container .oldsection .left-icon > a, .site-container section .left-icon > a { float: left; width: 150px; height: 150px; }
.site-container .oldsection .left-icon > a.layout-one, .site-container section .left-icon > a.layout-one { background: url("../../demo/layouts/image-01.png") center center; background-size: contain; }
.site-container .oldsection .left-icon > a.layout-one:hover, .site-container section .left-icon > a.layout-one:hover { background-image: url("../../demo/layouts/image-01-hover.png"); }
.site-container .oldsection .left-icon > a.layout-two, .site-container section .left-icon > a.layout-two { background: url("../../demo/layouts/image-02.png") center center; background-size: contain; }
.site-container .oldsection .left-icon > a.layout-two:hover, .site-container section .left-icon > a.layout-two:hover { background-image: url("../../demo/layouts/image-02-hover.png"); }
.site-container .oldsection .left-icon .content, .site-container section .left-icon .content { padding-left: 170px; }
.site-container .oldsection .left-icon .content h2, .site-container section .left-icon .content h2 { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 300; color: #7d7d7d; margin-bottom: 25px; }
.site-container .oldsection .left-icon .content p, .site-container section .left-icon .content p { font-size: 13px; font-weight: normal; line-height: 18px; color: #7d7d7d; }
.site-container .oldsection .left-icon .content .read-more, .site-container section .left-icon .content .read-more { margin: 45px 0 0; }
.site-container .oldsection .fullwidth-layout, .site-container section .fullwidth-layout { display: block; width: 100%; margin-bottom: -2px; }
.site-container .oldsection .fullwidth-layout img, .site-container section .fullwidth-layout img { width: 100%; }
.site-container footer.single-page { background-color: #232323; padding-bottom: 40px !important; overflow: hidden; }
.site-container footer.single-page .copyrights { text-align: center; }
.site-container footer.single-page .copyrights p { font-size: 13px; text-align: center; color: #7d7d7d; margin-top: 5px; }
.site-container footer.single-page .copyrights p span { color: #55c8ff; }
.site-container footer.single-page .copyrights p:after { display: block; content: ""; width: 50px; height: 5px; background: #55c8ff; margin: 25px auto; }
.site-container footer.single-page .copyrights ul.footer-social li { display: inline-block; }
.site-container footer.single-page .copyrights ul.footer-social li a { display: block; font-size: 13px; width: 25px; height: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #646464; color: #232323; margin-left: 8px; padding-top: 6px; }
.site-container footer.single-page .copyrights ul.footer-social li a:hover { background: #FFF; }
.site-container footer.single-page .footer-navigation { /*background: #323232;*/ margin: 60px 0 0px; }
.site-container footer.single-page .footer-navigation .container { position: relative; }
.site-container footer.single-page .footer-navigation .container:after { content: ""; position: absolute; /*background: #323232;*/ top: 0; left: 100%; margin-left: -15px; bottom: 0; width: 9999px; padding: 25px 0; }
.site-container footer.single-page .footer-navigation .container .navigation { display: table; float: right; /*background: #323232;*/ }
.site-container footer.single-page .footer-navigation .container .navigation li { display: inline-block; }
.site-container footer.single-page .footer-navigation .container .navigation li a { display: block; padding: 17px 13px; text-decoration: none; font-size: 16px; font-weight: normal; color: #7d7d7d; }
.site-container footer.single-page .footer-navigation .container .navigation li a:hover {/*background: #4b4b4b;*/ color: #FFF; }
.site-container footer.single-page .footer-navigation .container .navigation li:not(:last-child) {/* border-right: #232323 1px solid;*/ }
.site-container footer.default-footer { background-color: #232323; }
.site-container footer.default-footer .widget { margin-bottom: 20px; }
.site-container footer.default-footer .widget h2 { font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 300; color: #FFF; text-transform: uppercase; margin: 10px 0 30px; }
.site-container footer.default-footer .widget.text-widget > a { display: block; text-align: left; }
.site-container footer.default-footer .widget.text-widget > a:after { content: ""; display: block; margin: 20px 0 20px 20%; width: 50px; height: 3px; background-color: #55c8ff; }
.site-container footer.default-footer .widget.text-widget > p { font-size: 13px; line-height: 18px; color: #969696; margin-bottom: 10px; }
.site-container footer.default-footer .widget.recent-tweets .twitie ul li { position: relative; font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; padding-left: 30px; margin-bottom: 20px; }
.site-container footer.default-footer .widget.recent-tweets .twitie ul li a { font-size: 13px; font-weight: normal; color: #FFF; text-decoration: none; }
.site-container footer.default-footer .widget.recent-tweets .twitie ul li .date { display: block; color: #FFF; margin: 10px 0 0; }
.site-container footer.default-footer .widget.recent-tweets .twitie ul li:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/twitte-icon.png) no-repeat center center; }
.site-container footer.default-footer .widget.tags-cloud ul li { display: inline-block; }
.site-container footer.default-footer .widget.tags-cloud ul li a { display: block; padding: 5px 7px; margin: 3px; background-color: #323232; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; color: #969696; font-size: 13px; font-weight: normal; text-decoration: none; }
.site-container footer.default-footer .widget.tags-cloud ul li a:hover { color: #000; background-color: #FFF; }
.site-container footer.default-footer .widget.widget-newsletter .content p { font-size: 13px; font-weight: normal; line-height: 18px; color: #969696; margin-bottom: 20px; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"] { width: 95%; font-size: 13px; font-weight: normal; line-height: 18px; padding: 15px 25px; background-color: #000; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #FFF; margin-bottom: 10px; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]::-webkit-input-placeholder { padding-top: 2px; font-size: 13px; font-weight: normal; color: #969696; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]:-moz-placeholder { padding-top: 2px; font-size: 13px; font-weight: normal; color: #969696; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]::-moz-placeholder { padding-top: 2px; font-size: 13px; font-weight: normal; color: #969696; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="text"]:-ms-input-placeholder { padding-top: 2px; font-size: 13px; font-weight: normal; color: #969696; }
.site-container footer.default-footer .widget.widget-newsletter .content input[type="submit"] { font-size: 16px; font-weight: normal; width: 95%; padding: 15px 0; color: #FFF; border: #2187a4 1px solid; text-align: center; background: #4cb4e5; /* Old browsers */ background: -moz-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4cb4e5), color-stop(90%, #55c8ff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4cb4e5 10%, #55c8ff 90%); /* IE10+ */ background: linear-gradient(to bottom, #4cb4e5 10%, #55c8ff 90%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb4e5', endColorstr='#55c8ff',GradientType=0 ); /* IE6-9 */ }
.site-container footer.default-footer .bottom { background-color: #000; padding: 35px 0 30px; border-top: #575757 1px solid; }
.site-container footer.default-footer .bottom .copyrights { font-size: 13px; font-weight: normal; color: #969696; line-height: 18px; text-align: left; vertical-align: middle; }
.site-container footer.default-footer .bottom .copyrights span { color: #55c8ff; }
.site-container footer.default-footer .bottom .social { display: table; float: right; }
.site-container footer.default-footer .bottom .social li { display: inline-block; margin-right: 15px; }
.site-container footer.default-footer .bottom .social li a { display: block; width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #000; background-color: #646464; text-align: center; padding: 5px 0 0; font-size: 13px; }
.site-container footer.default-footer .bottom .social li a:hover { background-color: #FFF; }
.site-container footer.default-footer .bottom .social li .tooltip.top .tooltip-arrow { border-top-color: #4b4b4b; }
.site-container footer.default-footer .bottom .social li .tooltip .tooltip-inner { background-color: #4b4b4b; }
.site-container .border-line { border-top: #e1e1e1 1px solid !important; border-bottom: #e1e1e1 1px solid !important; }
.site-container .read-more { position: relative; display: table; margin: 0px auto; padding: 15px 40px; color: #c8c8c8; text-decoration: none; -webkit-background-clip: text; -webkit-backface-visibility: hidden; z-index: 1; -webkit-transition: background-color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; -webkit-box-shadow: inset 0px 0px 0px 1px #84744C; -moz-box-shadow: inset 0px 0px 0px 1px #84744C; box-shadow: inset 0px 0px 0px 1px #84744C; background: #84744C; /* Old browsers */  /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#505050',GradientType=0 ); /* IE6-9 */ }
.site-container .read-more:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; color: #FFF; -webkit-background-clip: text; -webkit-box-shadow: inset 0px 0px 0px 1px #84744C; -moz-box-shadow: inset 0px 0px 0px 1px #84744C; box-shadow: inset 0px 0px 0px 1px #84744C; -webkit-transition: background-color 0.5s ease-in-out; -moz-transition: background-color 0.5s ease-in-out; -o-transition: background-color 0.5s ease-in-out; transition: background-color 0.5s ease-in-out; background: #84744C; /* Old browsers *//* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4cb4e5', endColorstr='#55c8ff',GradientType=0 ); /* IE6-9 */ -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; z-index: 2; opacity: 0; }
.site-container .read-more:hover:after { opacity: 0; }
.site-container .read-more span { color: #FFF; position: relative; z-index: 3;     font-size: 16px;    font-family: 'Roboto';}
.site-container .metainfo { border-top: #e5e5e5 1px solid; padding: 35px 0; }
.site-container .metainfo h1 { 
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    color: #1176b5;
 }
 .site-container .metainfo h1::before
 {
	 content:"";
	 
 }
.site-container .metainfo .breadcrumb { margin: 0; text-align: right; background-color: transparent; }
.site-container .metainfo .breadcrumb > li { font-size: 13px; font-weight: normal; color: #969696; }
.site-container .metainfo .breadcrumb > li + li:before { content: '\003E'; }
.site-container .metainfo .breadcrumb > li a { font-size: 13px; font-weight: normal; color: #969696; text-decoration: none; }
.site-container .metainfo .breadcrumb > li a:hover { color: #55c8ff; }
/* ==================================================== Component Loader======================================================== */
.pageload-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; z-index: 999999; overflow: hidden; }
.pageload-overlay.show { visibility: visible; opacity: 1; }
.pageload-overlay svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; }
.pageload-overlay svg path { fill: #55c8ff; }
.pageload-overlay::after, .pageload-overlay::before { content: ''; position: fixed; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; border-radius: 50%; visibility: hidden; opacity: 0; z-index: 1000; -webkit-transition: opacity 0.15s, visibility 0s 0.15s; -moz-transition: opacity 0.15s, visibility 0s 0.15s; -o-transition: opacity 0.15s, visibility 0s 0.15s; transition: opacity 0.15s, visibility 0s 0.15s; }
.pageload-overlay::after { background: #fff; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); -webkit-animation: moveRight 0.6s linear infinite alternate; -moz-animation: moveRight 0.6s linear infinite alternate; -o-animation: moveRight 0.6s linear infinite alternate; animation: moveRight 0.6s linear infinite alternate; }
.pageload-overlay::before { background: #fff; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); -webkit-animation: moveLeft 0.6s linear infinite alternate; -moz-animation: moveLeft 0.6s linear infinite alternate; -o-animation: moveLeft 0.6s linear infinite alternate; animation: moveLeft 0.6s linear infinite alternate; }
@-webkit-keyframes moveRight { to { -webkit-transform: translateX(20px); } }
@-moz-keyframes moveRight { to { -moz-transform: translateX(20px); } }
@-o-keyframes moveRight { to { -o-transform: translateX(20px); } }
@keyframes moveRight { to { transform: translateX(20px); } }
@-webkit-keyframes moveLeft { to { -webkit-transform: translateX(-20px); } }
@-moz-keyframes moveLeft { to { -moz-transform: translateX(-20px); } }
@-o-keyframes moveLeft { to { -o-transform: translateX(-20px); } }
@keyframes moveLeft { to { transform: translateX(-20px); } }
.pageload-loading.pageload-overlay::after, .pageload-loading.pageload-overlay::before { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
/* ============================================================ Animation ALL================================================================ */
@-webkit-keyframes burst { 0% { opacity: .6; }
  50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; }
  100% { opacity: 0; } }

@keyframes burst { 0% { opacity: .6; }
  50% { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; }
  100% { opacity: 0; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); } }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); } }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); } }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); } }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1); } }

@-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); } }

@-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); } }

@-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); } }

@-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); } }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); }
  25% { -webkit-transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); } }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }

@-webkit-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); }
  20% { -webkit-transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); }
  50% { -webkit-transform: translateY(0); }
  60% { -webkit-transform: translateY(-15px); }
  80% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(0); } }

@-webkit-keyframes shake { 0% { -webkit-transform: translateX(0); }
  10% { -webkit-transform: translateX(-10px); }
  20% { -webkit-transform: translateX(10px); }
  30% { -webkit-transform: translateX(-10px); }
  40% { -webkit-transform: translateX(10px); }
  50% { -webkit-transform: translateX(-10px); }
  60% { -webkit-transform: translateX(10px); }
  70% { -webkit-transform: translateX(-10px); }
  80% { -webkit-transform: translateX(10px); }
  90% { -webkit-transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); }
  10% { -webkit-transform: scale(0.9) rotate(-3deg); }
  20% { -webkit-transform: scale(0.9) rotate(-3deg); }
  30% { -webkit-transform: scale(1.1) rotate(3deg); }
  40% { -webkit-transform: scale(1.1) rotate(-3deg); }
  50% { -webkit-transform: scale(1.1) rotate(3deg); }
  60% { -webkit-transform: scale(1.1) rotate(-3deg); }
  70% { -webkit-transform: scale(1.1) rotate(3deg); }
  80% { -webkit-transform: scale(1.1) rotate(-3deg); }
  90% { -webkit-transform: scale(1.1) rotate(3deg); }
  100% { -webkit-transform: scale(1) rotate(0); } }

@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-20px); } }

@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(20px); } }

@-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-20px); } }

@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(20px); } }

@-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }

@-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }

@-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }

@-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }

@-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }

@-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }

@-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); }
  100% { -moz-transform: scale(1); } }

@-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); } }

@-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); } }


@-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); } }

@-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); } }

@-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); }
  25% { -moz-transform: scale(0.95); }
  50% { opacity: 1; -moz-transform: scale(1.1); }
  100% { opacity: 0; -moz-transform: scale(0.3); } }

@-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(20px); }
  100% { opacity: 0; -moz-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); } }

@-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(20px); }
  100% { opacity: 0; -moz-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); } }

@-moz-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes bounce { 0% { -moz-transform: translateY(0); }
  20% { -moz-transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); }
  50% { -moz-transform: translateY(0); }
  60% { -moz-transform: translateY(-15px); }
  80% { -moz-transform: translateY(0); }
  100% { -moz-transform: translateY(0); } }

@-moz-keyframes shake { 0% { -moz-transform: translateX(0); }
  10% { -moz-transform: translateX(-10px); }
  20% { -moz-transform: translateX(10px); }
  30% { -moz-transform: translateX(-10px); }
  40% { -moz-transform: translateX(10px); }
  50% { -moz-transform: translateX(-10px); }
  60% { -moz-transform: translateX(10px); }
  70% { -moz-transform: translateX(-10px); }
  80% { -moz-transform: translateX(10px); }
  90% { -moz-transform: translateX(-10px); }
  100% { -moz-transform: translateX(0); } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-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; } }

@-moz-keyframes tada { 0% { -moz-transform: scale(1); }
  10% { -moz-transform: scale(0.9) rotate(-3deg); }
  20% { -moz-transform: scale(0.9) rotate(-3deg); }
  30% { -moz-transform: scale(1.1) rotate(3deg); }
  40% { -moz-transform: scale(1.1) rotate(-3deg); }
  50% { -moz-transform: scale(1.1) rotate(3deg); }
  60% { -moz-transform: scale(1.1) rotate(-3deg); }
  70% { -moz-transform: scale(1.1) rotate(3deg); }
  80% { -moz-transform: scale(1.1) rotate(-3deg); }
  90% { -moz-transform: scale(1.1) rotate(3deg); }
  100% { -moz-transform: scale(1) rotate(0); } }

@-ms-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(-20px); } }

@-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(20px); } }

@-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(20px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(-20px); } }

@-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutRight { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(20px); } }

@-ms-keyframes fadeInUpBig { 0% { opacity: 0; -ms-transform: translateY(2000px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(-2000px); } }

@-ms-keyframes fadeInDownBig { 0% { opacity: 0; -ms-transform: translateY(-2000px); }
  100% { opacity: 1; -ms-transform: translateY(0); } }

@-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -ms-transform: translateY(0); }
  100% { opacity: 0; -ms-transform: translateY(2000px); } }

@-ms-keyframes fadeInRightBig { 0% { opacity: 0; -ms-transform: translateX(2000px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(-2000px); } }

@-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -ms-transform: translateX(-2000px); }
  100% { opacity: 1; -ms-transform: translateX(0); } }

@-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -ms-transform: translateX(0); }
  100% { opacity: 0; -ms-transform: translateX(2000px); } }

@-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(0.3); }
  50% { opacity: 1; -ms-transform: scale(1.05); }
  70% { -ms-transform: scale(0.9); }
  100% { -ms-transform: scale(1); } }

@-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); }
  60% { opacity: 1; -ms-transform: translateY(30px); }
  80% { -ms-transform: translateY(-10px); }
  100% { -ms-transform: translateY(0); } }

@-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); }
  60% { opacity: 1; -ms-transform: translateY(-30px); }
  80% { -ms-transform: translateY(10px); }
  100% { -ms-transform: translateY(0); } }

@-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: translateX(2000px); }
  60% { opacity: 1; -ms-transform: translateX(-30px); }
  80% { -ms-transform: translateX(10px); }
  100% { -ms-transform: translateX(0); } }

@-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: translateX(-2000px); }
  60% { opacity: 1; -ms-transform: translateX(30px); }
  80% { -ms-transform: translateX(-10px); }
  100% { -ms-transform: translateX(0); } }

@-ms-keyframes bounceOut { 0% { -ms-transform: scale(1); }
  25% { -ms-transform: scale(0.95); }
  50% { opacity: 1; -ms-transform: scale(1.1); }
  100% { opacity: 0; -ms-transform: scale(0.3); } }

@-ms-keyframes bounceOutUp { 0% { -ms-transform: translateY(0); }
  20% { opacity: 1; -ms-transform: translateY(20px); }
  100% { opacity: 0; -ms-transform: translateY(-2000px); } }

@-ms-keyframes bounceOutDown { 0% { -ms-transform: translateY(0); }
  20% { opacity: 1; -ms-transform: translateY(-20px); }
  100% { opacity: 0; -ms-transform: translateY(2000px); } }

@-ms-keyframes bounceOutLeft { 0% { -ms-transform: translateX(0); }
  20% { opacity: 1; -ms-transform: translateX(20px); }
  100% { opacity: 0; -ms-transform: translateX(-2000px); } }

@-ms-keyframes bounceOutRight { 0% { -ms-transform: translateX(0); }
  20% { opacity: 1; -ms-transform: translateX(-20px); }
  100% { opacity: 0; -ms-transform: translateX(2000px); } }

@-ms-keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes bounce { 0% { -ms-transform: translateY(0); }
  20% { -ms-transform: translateY(0); }
  40% { -ms-transform: translateY(-30px); }
  50% { -ms-transform: translateY(0); }
  60% { -ms-transform: translateY(-15px); }
  80% { -ms-transform: translateY(0); }
  100% { -ms-transform: translateY(0); } }

@-ms-keyframes shake { 0% { -ms-transform: translateX(0); }
  10% { -ms-transform: translateX(-10px); }
  20% { -ms-transform: translateX(10px); }
  30% { -ms-transform: translateX(-10px); }
  40% { -ms-transform: translateX(10px); }
  50% { -ms-transform: translateX(-10px); }
  60% { -ms-transform: translateX(10px); }
  70% { -ms-transform: translateX(-10px); }
  80% { -ms-transform: translateX(10px); }
  90% { -ms-transform: translateX(-10px); }
  100% { -ms-transform: translateX(0); } }

@-ms-keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } }

@-ms-keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } }

@-ms-keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } }

@-ms-keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } }

@-ms-keyframes rotateIn { 0% { -ms-transform-origin: center center; -ms-transform: rotate(-200deg); opacity: 0; }
  100% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } }

@-ms-keyframes rotateOut { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; }
  100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; } }

@-ms-keyframes tada { 0% { -ms-transform: scale(1); }
  10% { -ms-transform: scale(0.9) rotate(-3deg); }
  20% { -ms-transform: scale(0.9) rotate(-3deg); }
  30% { -ms-transform: scale(1.1) rotate(3deg); }
  40% { -ms-transform: scale(1.1) rotate(-3deg); }
  50% { -ms-transform: scale(1.1) rotate(3deg); }
  60% { -ms-transform: scale(1.1) rotate(-3deg); }
  70% { -ms-transform: scale(1.1) rotate(3deg); }
  80% { -ms-transform: scale(1.1) rotate(-3deg); }
  90% { -ms-transform: scale(1.1) rotate(3deg); }
  100% { -ms-transform: scale(1) rotate(0); } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-20px); } }

@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(20px); } }

@keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); }
  100% { opacity: 1; transform: translateX(0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(-20px); } }

@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0); } }

@keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(20px); } }

@keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); }
  100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-2000px); } }

@keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); }
  100% { opacity: 1; transform: translateY(0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(2000px); } }

@keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); }
  100% { opacity: 1; transform: translateX(0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(-2000px); } }

@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); }
  100% { opacity: 1; transform: translateX(0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; transform: translateX(2000px); } }

@keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  70% { transform: scale(0.9); }
  100% { transform: scale(1); } }

@keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); }
  60% { opacity: 1; transform: translateY(30px); }
  80% { transform: translateY(-10px); }
  100% { 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); } }

@keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); }
  60% { opacity: 1; transform: translateX(-30px); }
  80% { transform: translateX(10px); }
  100% { 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); } }

@keyframes bounceOut { 0% { transform: scale(1); }
  25% { transform: scale(0.95); }
  50% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 0; transform: scale(0.3); } }

@keyframes bounceOutUp { 0% { transform: translateY(0); }
  20% { opacity: 1; transform: translateY(20px); }
  100% { opacity: 0; transform: translateY(-2000px); } }

@keyframes bounceOutDown { 0% { transform: translateY(0); }
  20% { opacity: 1; transform: translateY(-20px); }
  100% { opacity: 0; transform: translateY(2000px); } }

@keyframes bounceOutLeft { 0% { transform: translateX(0); }
  20% { opacity: 1; transform: translateX(20px); }
  100% { opacity: 0; transform: translateX(-2000px); } }

@keyframes bounceOutRight { 0% { transform: translateX(0); }
  20% { opacity: 1; transform: translateX(-20px); }
  100% { opacity: 0; transform: translateX(2000px); } }

@keyframes flash { 0% { opacity: 1; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes bounce { 0% { transform: translateY(0); }
  20% { transform: translateY(0); }
  40% { transform: translateY(-30px); }
  50% { transform: translateY(0); }
  60% { transform: translateY(-15px); }
  80% { transform: translateY(0); }
  100% { transform: translateY(0); } }

@keyframes shake { 0% { transform: translateX(0); }
  10% { transform: translateX(-10px); }
  20% { transform: translateX(10px); }
  30% { transform: translateX(-10px); }
  40% { transform: translateX(10px); }
  50% { transform: translateX(-10px); }
  60% { transform: translateX(10px); }
  70% { transform: translateX(-10px); }
  80% { transform: translateX(10px); }
  90% { transform: translateX(-10px); }
  100% { transform: translateX(0); } }

@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: left bottom; 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; } }

@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; }
  100% { transform-origin: right bottom; 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; } }

@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: left bottom; 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; } }

@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; }
  100% { transform-origin: right bottom; 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; } }

@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; }
  100% { transform-origin: center center; transform: rotate(0); opacity: 1; } }

@keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; }
  100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } }

@keyframes tada { 0% { transform: scale(1); }
  10% { transform: scale(0.9) rotate(-3deg); }
  20% { transform: scale(0.9) rotate(-3deg); }
  30% { transform: scale(1.1) rotate(3deg); }
  40% { transform: scale(1.1) rotate(-3deg); }
  50% { transform: scale(1.1) rotate(3deg); }
  60% { transform: scale(1.1) rotate(-3deg); }
  70% { transform: scale(1.1) rotate(3deg); }
  80% { transform: scale(1.1) rotate(-3deg); }
  90% { transform: scale(1.1) rotate(3deg); }
  100% { transform: scale(1) rotate(0); } }

/* my css */
a {text-decoration:none; }
.topbar1 {/*background: #000; width: 100%;height: 50px; */}
.topbar1 ul { display:inline-block;margin-right:100px;margin-top: 8px;}
.topbar1 ul li {display:inline-block;padding:0px 10px;  }
.navbar-brand {height:auto;z-index:99;top:30px;  }
.right-addon .glyphicon {right: 0px;}
.pull-right .glyphicon { color:#ccc; }
.inner-addon .glyphicon {position: absolute; padding: 10px; pointer-events: none;}
.pull-right .topno {background: #203568;color: #fff;border: 1px solid #203568;
 padding: 3px 15px;font-weight:400; border-radius: 30px; }
.pull-right .topsearch {background: transparent;border: 1px solid #fff;border-radius: 30px; }
.fnt a{color:#203568;font-family: 'Roboto', sans-serif;font-weight:400;font-size:20px !important; }
figure img {/* margin: 30px auto;float: right;*/}
.kikka { margin: 30px auto;padding: 22px 40px;color:#364e92;line-height:25px;}  
.kikka h1 {font-size:28px;color:#fff;font-family: 'Roboto Condensed', sans-serif;font-weight:700;    margin-left: -16px; }
.kikka h1 span { font-size:17px;color:#71ab3c;font-family: 'Roboto Condensed', sans-serif;font-weight:400; }
.kikka ul li {font-family: 'Roboto Condensed', sans-serif; font-weight:400; }
.lnews { margin: 30px auto;padding:0;}
.imgnews {padding-right:5px; }
.newscontent { border: 2px solid #1e3568;    width: 636px;   height: 300px; }
.newscontent h3{background:#1e3568;color: #fff;padding: 12px;font-size:27px;font-weight:400;}
.newscontent p{color: #696c72;padding: 12px;font-family: 'Roboto', sans-serif;font-weight:400;font-style:italic;    font-size: 20px;}
.newscontent h5 p,.newscontent h5{color: #203568;padding: 50px 12px;font-weight: 400;font-size: 25px;font-family: 'Roboto', sans-serif; font-style: normal;}
.newscontent .spanpad{color: #203568;padding: 0 16px;}
.newscontent .spanpad span, .newscontent .spanpad span a {    text-decoration: none;color: #203568;font-weight: 400;font-size:15px;font-family: 'Roboto', sans-serif;}
.carousel-indicators li { background-color:#ccc; }
.carousel-indicators .active { background-color:#000; }
.carousel-indicators {bottom:-30px; }
.sponsor ul {
    width: 75%;
    background: #f5f5f5;
    padding: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.sponsor ul li {
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #232323;
    text-transform: uppercase;
    text-align: left;
    padding: 0 0 0 48px;
}
.sponsor .view-btn { padding: 18px 20px;text-align:center;background: #86754d;    font-size: 30px;
color: #fff;text-transform: uppercase;font-family: "Roboto", sans-serif; margin-left: auto;margin-right: auto; display: block; width: 75%;}
.icon-addon { position: relative;color: #555;display: block;}
.icon-addon:after,
.icon-addon:before { display: table; content: " ";}
.icon-addon:after {clear: both;}
.icon-addon.addon-lg .form-control {line-height: 1.33;padding: 10px 16px 10px 40px;}
.icon-addon .glyphicon { position: absolute;z-index: 2;right: 12px; font-size: 14px; width: 20px;
margin-left: -2.5px; text-align: center;padding: 10px 0; top: 0px}  

.form-control {background-color:transparent;color:#fff; border-radius: 30px; }
.copyright {font-size:12px;color:#fff;    text-decoration: none;
    float: right;}
.footer-social {padding:5px; }
.tour {color: #203568;font-size: 14px;padding-top:30px; }
.member1 { width:68px;height:65px;text-indent: -9999px; text-transform: capitalize;float: left;
 background-image: url('../img/user-icon.png');}
a.member1 {    background-position: 0px 0;transition: all 0s ease 0s;}
a.member1:hover {background-position:0px 65px }
a.member1:hover .brdbtm {border-bottom:3px solid #55C8FF;}

.events { width:68px;height:65px;text-indent: -9999px; text-transform: capitalize;float: left;
 background-image: url('../img/shirt-icon.png');}
a.events {    background-position: 0px 0;transition: all 0s ease 0s;}
a.events:hover {background-position:0px 65px; }
a.events:hover .brdbtm1 {border-bottom:3px solid #55C8FF;}

.spons { width:68px;height:65px;text-indent: -9999px; text-transform: capitalize;float: left;
 background-image: url('../img/pen-icon.png');}
a.spons {    background-position: 0px 0;transition: all 0s ease 0s;}
a.spons:hover {background-position:0px 65px }
a.spons:hover .brdbtm2 {border-bottom:3px solid #55C8FF;opacity:1;}

.brdbtm {border-color:transparent;border-bottom:0px solid;opacity:1;padding:10px 0;}
.brdbtm1 {border-color:transparent;border-bottom:0px solid;opacity:1; padding:10px 0;}
.brdbtm2 {border-color:transparent;border-bottom:0px solid;opacity:1;padding:10px 0;}
.brdbtm:hover, .brdbtm1:hover, .brdbtm2:hover{border-bottom:4px solid #55C8FF !important}
.ls-l a div .brdbtm2{border-bottom-color:#55C8FF !important}

.bxshadow {background:rgba(0,0,0,0.4) }

/*==== 16-04-2016 ====*/
.container.gray-container.padding.padding-60 {padding-bottom: 80px;}
.testimonial-wrapper{ margin:0 auto; float:none;}
.content p a {text-decoration: none;color: #203568;font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 500;}
.site-container section .desc .section-title1 {color: #232323;font-size: 45px;}
div#demo-circle-one div.content p,div#demo-circle-two div.content p,div#demo-circle-thre div.content p {font-size: 14.4px;color: #7e8caf;/*font-family: 'Roboto', sans-serif;*/font-weight: 400;}
.contact-forms .form-group input{margin:0 0 15px;border-radius: 0px;color: #000;}
.site-container footer.single-page .footer-navigation .container .navigation li a {padding: 17px 7px;font-size: 14px;}
.site-container footer.single-page .footer-navigation .container .navigation {display: table;float: left;}
.newscontent .spanpad span.dates {text-transform: uppercase;}
.blog-item .content {line-height: 24px;}
 .page-template-contact-us .site-container section .contact-forms p {font-size: 15px;font-weight: normal;color: #7d7d7d;margin-bottom: 10px;font-family: 'Roboto', sans-serif;line-height: 22px;text-align: justify;}
input.wpcf7-form-control.wpcf7-submit.read-more { color: #fff;}
.form-group a {text-decoration: none;}
.gray-container.padding.paddv-80 div {line-height: 26px;font-size: 15px;font-family: 'Roboto', sans-serif;font-weight: 400;}
span.page-numbers.current { border: 1px solid; padding: 4px 10px;}
section#demo div.content p a {color: #fff;font-weight: 300;}
section#first-section { padding: 50px;    text-align: justify;}
section#first-section p {/*font-family: 'Roboto',sans-serif;*/font-size: 16px;font-weight: 400;text-align: justify;}
body.page.page-id-12 div.site-container section div.desc h3.section-title1{margin-bottom:30px!important}
.demo-image{text-align:center}
.pmpro_btn,.pmpro_btn:link,.pmpro_content_message a,.pmpro_content_message a:link{background-color:transparent!important;border:0!important}
.pmpro_btn:hover,.pmpro_btn:focus,.pmpro_content_message a:focus,.pmpro_content_message a:hover{background-color:transparent!important}
body.pmpro-checkout.page.page-id-243 div.single-content{background:#fff;padding:30px;padding-bottom: 60px;}
button.search-submit.screen-reader-text{position:absolute;z-index:2;right:12px;font-size:14px;width:20px;margin-left:-2.5px;text-align:center;padding:10px 0;top:0;background:transparent;border:0;outline:none}
.page-content input.search-field.form-control{color:#203568}
.entry-content{line-height:18px;font-size:13px}
h2.entry-title,h2.entry-title a{color:#203568;margin-bottom:20px}
h2.screen-reader-text{display:none}
.nav-links a{border:#e3e3e3 1px solid;padding:5px 10px;color:#c8c8c8}
.sub-menu{position:absolute;top:98%;left:0;z-index:1000;display:none;float:left;width:216px;margin:2px 0 0;list-style:none;background-color:#fff;border:1px solid #ccc}
.menu-item-has-children:hover .sub-menu{display:block}
.sub-menu li{position:relative!important;margin:0!important;display:block!important;float:none!important}
.sub-menu li a{display:block!important;padding:10px 25px!important;font-size:14px!important}
table .table-heading tr:first-child th{background:#203568!important;text-transform:uppercase}
input.pmpro_btn.pmpro_btn-submit-checkout{background-color:#203568!important;color:#fff;clear:both;padding:10px 20px}
.page-id-241 div.single-content input.pmpro_btn.pmpro_btn-submit,.page-id-241 div.single-content input.pmpro_btn.pmpro_btn-cancel,button#popid,input#wp-submit1,#wp-submit,input#submit,button{background:#203568;border-radius:5px;color:#fff;padding:8px 20px;border:0}
div#div2{border:1px solid #d3ced2;padding:20px;margin:2em 0;text-align:left;border-radius:5px;color:#000;}
div#theme-my-login1 p{width:50%;float:left;padding:0 10px}
div#div2 .tml{max-width:100%;min-width: 100%;clear: both;   float: none;} div#div2
input#user_login1,input#user_pass1,#user_login,#user_pass{display:block;width:100%;height:34px;padding:6px 12px;div#div2font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
table#pmpro_user_fields span.pmpro_thead-msg{display:none}
button{outline:none}
.logins{background:#f5f5f5;padding:10px}.form-group.contact-us.copyrights ul.footer-social li a
.single-content{line-height:22px;font-family:'Roboto',sans-serif}
p .fnt a{padding:0!important;border:0!important;float:none!important}
.image-box.clearfix div.content p a {height: auto;border-radius: 0;margin-bottom: 30px;margin-top: -10px;}
.image-box.clearfix {padding-bottom: 26px;}
.textwidget a:hover {color: #7d7d7d;}
a.membership-btn{background:#203568;color:#fff;border:1px solid #203568;padding:3px 15px;font-weight:400}
.form-group.contact-us{margin-top:20px}
.site-container section.single-page-wrapper .single-header .featured-image img{position:relative;margin:0 auto;text-align:center; width:100%;}
.site-container section.single-page-wrapper .single-header .featured-image-events img{position:relative;margin:0 0px 0 39px;text-align:center}
.btn-default{background:#203568;color:#fff;border:1px solid #203568;padding:3px 15px;font-weight:400;border-radius:0;font-size:20px;margin-top:-2px}
ul.events-list li span{color:#203568;/*font-family:'Roboto',sans-serif;*/font-size:16px;font-weight:400;padding:20px}
ul.events-list{margin:8px 16px}
.author-quote a{color:#7d7d7d}
.searc-form input.form-control,textarea.form-control{border-radius:4px;color:#000}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none;float:left}
.modalDialog > div .modal-header.c-no-border{background:transparent}
.modalDialog > div{width:40%;position:relative;margin:10% auto;padding:5px 20px 13px;border-radius:10px;background:#fff}
.close{background:#606061;color:#FFF;line-height:25px;position:absolute;right:2px;text-align:center;top:2px;width:24px;text-decoration:none;font-weight:700;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}
.close:hover{background:#8ab928}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
a.membership-btn{background:#203568;color:#fff !important;border:1px solid #203568;padding:3px 15px;font-weight:400;    border-radius: 3px;}
.form-group.contact-us{    
margin-top: 20px;
float: left;
width: 100%;
}

.btn-default{background:#203568;color:#fff;border:1px solid #203568;padding:6px 15px;font-weight:400;border-radius:0;font-size:16px;margin-top:-2px}
.images{width:auto;float:left;    padding: 0 16px 0 0;}
ul.events-list li span{color:#203568;/*font-family:'Roboto',sans-serif;*/font-size:15px;font-weight:400;padding: 10px;}
ul.events-list li i.fa{color:#fff;background:#203568;font-size:18px;width:34px;height:34px;text-align:center;padding:8px 0;border-radius:50%;margin:3px 0}
ul.events-list{margin:8px 16px}
.single-sbaevents ul.events-list {margin: 50px 95px; position: absolute;float: left;top: 0;right: 0;}
.single-sbaevents ul.events-list li { display: flex;}
.author-quote a{color:#7d7d7d}
.searc-form input.form-control,textarea.form-control{border-radius:4px;color:#000}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog{position:fixed;font-family:Arial,Helvetica,sans-serif;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:99999;opacity:0;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none;float:left}
.modalDialog > div .modal-header.c-no-border{background:#203568;border-top-right-radius: 10px;border-top-left-radius: 10px;padding: 16px 0;}
.modalDialog > div{width:40%;position:relative;margin:10% auto;padding:0 0 4px 0;border-radius:10px;background:#fff}
.close{font-size: 14px;   opacity: 0.7;background:#606061;color:#FFF;line-height:25px;position:absolute;right:2px;text-align:center;top:4px;width:24px;text-decoration:none;font-weight:700;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}
.close:hover{background:#8ab928}
.modalDialog div form {padding: 0 20px;}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
.message-form {font-size: 16px;font-family: 'Roboto',sans-serif; color: red;text-align: center;}
.modal-header.c-no-border h4 {font-family: 'Roboto', sans-serif;font-size: 20px;font-weight: 300;text-align: center;text-transform: uppercase;color: #fff;}
h4 {/*font-family: 'Roboto', sans-serif;*/
	font-size: 20px;
    text-align: left;
    color: #203568;
    margin-top: 5px;
    margin-bottom: 10px;
}
.single-team h3 {
    margin-top: 5px;
    margin-bottom: 10px;
}
.single-team h4 {
	font-size: 18px;
}
.single-events ul.events-list {text-align: left;padding: 0 20px;}
.single-events div.site-container section.single-page-wrapper .single-header{padding:2px 0;}
.sponsor02 .carousel-control{background-image:none;width:50px;height:50px;top:40%;}
.sponsor02 .carousel-control.left{left:0;}
.sponsor02 .carousel-control.right{right:0;}
.modalDialog form {margin-top: 20px;}
.modalDialog form input.read-more {box-shadow: none;background: #203568;border: 0;padding: 6px 40px;color: #fff;}
.modalDialog form input.form-control {border-radius: 4px;}
.modal-open {padding-right: 0px !important;}
section.page-wrapper.white-paper p {font-family: 'Roboto',sans-serif;font-size: 14px;text-align:justify;}
.padding.paddv-80 .restable p {font-size: 16px;font-family: 'Roboto',sans-serif;line-height: 24px;}
section#about div.single-content { text-align: center;}
.single-content b, .single-content strong {font-weight: 500;}
.page-id-17 div.modal-dialog { margin-top: 4% !important;}
.panel-heading.text-color.highlight h4,.panel-heading.highlight h4,#accordion .highlight h4{ color: #fff;}
.panel-body {font-family: 'Roboto',sans-serif;font-weight:400;}
ul.events-list.sponsors-mails li a .fa{color:#203568;height:30px;width:12px;background:#fff;padding:0;margin:0 auto}
ul.events-list.sponsors-mails{margin:0 auto;text-align:left}
.modal-footer div.form-group.contact-us{margin:11px 0 0}
.modalDialog input,.modalDialog textarea{color:#000}
.first,.second{float:right}
.thirds{float:left}
.sponsor ul li img {
    margin: 0 0 10px 0;
}
a.image-team img{width:100%;max-height:100%}
a.image-team{height:170px;max-width:100%}
.site-container section.page-wrapper .team-profile {
    min-height: 466px !important;
    position: relative;
    margin-bottom: 60px;
}
.site-container section.page-wrapper .team-profile .social-profile {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.page-id-311 .bkground-white .col-md-4{min-height:530px;overflow: hidden;}
.restable{clear:both}
.site-container .oldsection .table-style-one,.site-container section .table-style-one{margin:0 auto}
.affix-top .navbar-brand img{width:125px}
.quote-box.no-border > h2{margin-top:20px}  
.pricing_table{line-height:150%;font-size:12px;margin:0 auto;width:100%;max-width:800px}
li.price_block.first{width:50%}
ul.features li{min-height:55px;}
li.price_block.first h3{height:99px;font-size:22px;line-height:24px;padding:25px}
.price_block{text-align:center;width:100%;color:#fff;float:left;list-style-type:none;transition:all .25s;position:relative;box-sizing:border-box;margin-bottom:10px;border-bottom:1px solid transparent}
.pricing_table h3{text-transform:uppercase;padding:5.5px 0;background:#333;margin:-10px 0 1px}
.price{display:table;background:#444;width:100%;height:70px}
.price_figure{font-size:24px;text-transform:uppercase;vertical-align:middle;display:table-cell}
.price_number{font-weight:700;display:block}
.price_tenure{font-size:11px}
.features{background:#fff;color:#000}
.features li{padding:8px 15px;border-bottom:1px solid #ccc;font-size:14px;list-style-type:none}
.footer{padding:15px;background:#fff;color:#000}
.action_button{text-decoration:none;color:#fff;font-weight:700;border-radius:5px;background:linear-gradient(#666,#333);padding:5px 20px;font-size:11px;text-transform:uppercase}
li.price_block h3 {background-color: #203568;}
.price_block:hover{box-shadow:0 0 0 5px rgba(0,0,0,0.5);transform:scale(1.04) translateY(-5px);z-index:1;border-bottom:0 none}
.price_block:hover .price{background:linear-gradient(#DB7224,#F9B84A);box-shadow:inset 0 0 45px 1px #DB7224}
.price_block:hover h3{background:#222}
.price_block:hover .action_button{background:linear-gradient(#F9B84A,#DB7224)}
button.read-more.join-now.action_button.action_button{padding:0px;font-size:12px;border:0;box-shadow:none;background: transparent !important;}
li.price_block img.img-responsive{height:20px;padding:0 40px;float:none;margin:0 auto}
ul.features li{/*font-family:'Roboto',sans-serif;*/font-size:13px}
form.pmpro_form label {float: none !important;font-weight:normal !important;}
form.pmpro_form span{font-weight:normal !important;}
#loginform1 { margin-bottom: -66px;}
button.read-more.join-now {padding: 0;font-size: 12px;background: transparent;box-shadow: none;}
a.pmpro_btn.pmpro_btn-select.action_button {background: #84744C !important;}
li.price_block:nth-child(2) div a.pmpro_btn.pmpro_btn-select.action_button { background-color: #203568  !important;}
a.blog-read{color: #203568;font-size: 14px;}
div#teamsslider.carousel .left, div#teamsslider.carousel .right {background-image: none; color: #333;}
a.writted {display: none;}
#about .section-row .col-md-6 { overflow: hidden;}

.site-container section.blog-style-one .blog-item .item-content { 
/*	max-height: 744px;
	min-height: 744px;
*/	overflow: hidden;
	height:100%;
}
.site-container section.blog-style-one .col-md-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.site-container section.blog-style-one .blog-item {
  display: flex;
  flex-direction: column;
}


a.more-link {color: #203568;font-weight: 700;}
.contact-forms .container.border-line-bottom.add-padding.paddb-80 {font-size: 15px; font-weight: normal;color: #7d7d7d;margin-bottom: 10px;
    /*font-family: 'Roboto', sans-serif;*/line-height: 22px;text-align: justify;}
/*24th August2016*/
.form-group ul{margin-right:0px !important; margin-top:0px !important;line-height: 15px;}
.form-group .header-social{}
.single-header h1 span{font-family: "Roboto",sans-serif;font-size: 16px !important;font-weight: 400 !important;color: #646464 !important;padding-left: 10px;}
.left-social-icons{ position: absolute;top: 40%; z-index: 999; position:fixed;}
.left-social-icons ul.footer-social{ padding:0px; }
.left-social-icons ul li i{width:40px; height:40px; display:inline-block; color:#fff; font-size:24px; text-align:center; line-height:40px;}
.left-social-icons ul li i.fa.fa-facebook{ background-color:#3b5998;}
.left-social-icons ul li i.fa.fa-twitter{ background-color:#2ba9e1;}
.left-social-icons ul li i.fa.fa-linkedin{ background-color:#0077B5;}
.left-social-icons ul li i.fa.fa-google-plus{ background-color:#dd4b39;}
/*-----------------------4-2-20------------------------*/
.page-template-members-list section.metainfo .col-md-12 .form-control {
    border-radius: 0;
    border: 1px solid #24376f;
    color: #696969;
    background-color: #fff;
}
.page-template-members-list section.metainfo .col-md-12 .col-md-2, .page-template-members-list section.metainfo .col-md-12 .col-md-3 {
    padding: 5px;
}
.sba-default ul.sub-menu a {
    border-bottom: none !important;
}
.page-template-members-list section.metainfo .col-md-12 .col-md-2 input#search-member {
    width: 90%;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: #24376f;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.page-template-members-list section.metainfo h1,section.metainfo.single-profile h1,body.page-template-update-member-profile h1 {
    color: #000 !important;
    font-weight: 500 !important;
}
.page-template-members-list section.metainfo .col-md-12 .form-control {
    border-radius: 0;
    border: 1px solid #24376f;
    color: #696969;margin-bottom: 20px;
}
.page-template-members-list section.metainfo .col-md-12 form {
    width: 100%;
    float: left;
}
.page-template-members-list section.metainfo thead {
    background-color: #24376f;
    color: #fff;
}
.page-template-members-list section.metainfo td img {
    width: 75px;
}
.page-template-members-list section.metainfo tr td, .page-template-members-list section.metainfo thead th {
    text-align: center;
}
.page-template-members-list section.metainfo tbody#users_data tr td:nth-child(2), .page-template-members-list section.metainfo tbody#users_data tr td:nth-child(3) {
    padding-top: 38px;
}
.page-template-members-list section.metainfo tbody#users_data tr {
    background-color: #edf4f8;
    border-bottom: 2px solid #161f37;
    border-top: 2px solid #161f37;
}
.page-template-members-list section.metainfo .col-md-12 .table-responsive h3 {
    width: auto;
    float: left;
}
.page-template-members-list section.metainfo .col-md-12 .table-responsive p {
    float: right;
}
.page-template-members-list section.metainfo .col-md-12 .table-responsive p, .page-template-members-list section.metainfo .col-md-12 .table-responsive h3 {
    font-size: 14px;
    margin-bottom: 30px;
}
.page-template-members-list ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.page-template-members-list ul.pagination li a {
    border-radius: 20px;
    font-size: 13px;
    padding: 9px;
    font-weight: 500;
    color: #000;
    background-color: #ccc;
    min-width: 125px;
}
body.logged-in .sba-small-div {
    padding: 0;
}
body.logged-in .sba-small-div li:first-child a.sba-login-button {
   padding: 7px 5px;
}
body.logged-in  span.login-user-name {
    position: relative;
    top: -4px;
}
body.logged-in .sba-small-div li{
    margin: 0;
}
body.logged-in .sba-small-div li:nth-child(2) a {
    padding: 14px 10px;
}
section.metainfo.single-profile th img {
    width: 150px;
    margin: 0 auto;
    display: block;
    padding-top: 40px;
}
section.metainfo.single-profile th p {
    font-size: 15px;
}
section.metainfo.single-profile table.table.table-bordered th:nth-child(2) {
    background-color: #edf4f8;padding-top: 15px;
}
.page-template-update-member-profile .col-md-8 {
    margin: 0 auto;
    display: block;
    float: none;
    width: 80%;
}
.page-template-update-member-profile .form-control {
    border-radius: 2px;
}
.page-template-update-member-profile .form-group .col-md-8 {
    width: 100%;
    margin-bottom: 15px;
}
.page-template-update-member-profile .form-group .col-md-8 {
    width: inherit;
    margin-bottom: 15px;
    display: inline-block;
    float: left;
}

.page-template-update-member-profile .form-group input {
    border: 1px solid #3b60c9;
}
.page-template-update-member-profile .form-group input {
    height: 45px;
}
.page-template-update-member-profile .form-group textarea {
    height: 100px;
}
.page-template-update-member-profile .form-group input, .page-template-update-member-profile .form-group textarea {
    border: 1px solid rgba(35, 54, 111, 0.5607843137254902);
    background-color: #edf4f8;
}

.page-template-update-member-profile .col-md-9 .form-group:first-child img {
    width: 96px;
    height: 96px;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #ccc;
    object-fit: cover;
}
.page-template-update-member-profile .form-group input#search-member,.pmpro-levels .tml.tml-login .tml-button {
    width: 170px;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
    background-color: #161f37;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0;
}
.page-template-update-member-profile .col-md-9 .form-group:first-child {
    width: 50%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.pmpro-levels .tml.tml-login .tml-button {
    height: 40px;
    color: 
    #fff;
    border: none;
    width: 110px;
}
.pmpro-levels .metainfo h1 {
    margin: 0 auto;
    display: block;
    float: none;
    color: 
    #000;
}
.pmpro-levels .tml-lostpassword-link {
    font-size: 16px !important;
}
.pmpro-levels  .tml-lostpassword-link a {color: #203568;}
.pmpro-levels .metainfo .col-md-4 {
    width: 100%;
    float: left;
}
.page-template-update-member-profile .form-group .col-md-6, .page-template-update-member-profile .form-group .col-md-12 {
    padding: 0px 5px;
}
.page-template-update-member-profile section.metainfo {
    background-color: #f5f5f5;
}
.pmpro-levels #pmpro_levels_table td {
    border: 1px solid 
    #ccc;
    padding: 5px 10px;
    font-size: 14px;
}
.pmpro-levels #pmpro_levels_table {
    margin-bottom: 20px;
}
/*nyn css*/
.page-template-update-member-profile .col-md-9 .form-group:first-child {
    width: 100% !important;}
.col-md-6.fs_profilechng {
    text-align: center;
}
.col-md-6.fs_profilechng img {
    margin-bottom: 10px;
}

.fs_lname {
    margin-top: 18px !important;
}
.fs_fnamelname {
    margin-top: 10px !important;
}

.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
    content: 'Update Profile';
    color: #fff;
    background: #161f37;
    padding: 13px 40px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
   text-shadow: 0px !important;
    font-weight: 700;
    font-size: 18px;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}
input#avatar {
    border: 0px;
    background: transparent;
    position: relative;
    top: -45px;
    left: 100px;
    line-height: 39px;
    text-align: center !important;
    float: none !important;
}
.col-md-6.fs_profilechng {
    margin-top: 0;
    margin-bottom: -51px;
    overflow-y: hidden;
}
.page-template-update-member-profile .col-md-9 .form-group:first-child img {
    width: 170px !important;
    height: 170px !important;
    border-radius: 92px !important;
}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 0px !important;
    outline-offset: 0px;
}
input#dbem_phone {
    margin-top: 18px;
}
.col-md-9.fs_updatediv h1 {
    color: #fff !important;font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 300 !important;
}
h1.fsupdate_prof{background: #203568;
    color: #fff !important;
    padding: 11px;
    margin-top: 2px;
    margin-bottom: 20px;}
.page-template-update-member-profile .form-group input, .page-template-update-member-profile .form-group textarea {
    border: 1px solid #ccccccd1;
    background-color: #edf4f830;
}
.page-template-update-member-profile .form-control {
    border-radius: 0px;
}
.col-md-9.fs_updatediv {
    border: 1px solid #40404233;
    padding: 0;
}
h1.fsupdate_prof {margin-top: 0;}
.fs_upform{padding:15px}
.page-id-6829 .single-content ul.eme_events_list.test li:before { display:none;}
.page-id-6829 .single-content ul.eme_events_list.test li {
    list-style: none !important;
}
.page-id-6829 .single-content ul.eme_events_list.test li {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 25px;
    margin-bottom: 30px;
    /* box-shadow: 0px 1px 8px 2px #c7c2c2; */
}
.page-id-6829 .single-content ul.eme_events_list.test li .eventIMG img.eme_event_image {
    width: 100%;
    height: 100%;
    /* padding-right: 20px; */
    border-top: 10px solid #b7d5ed;
    border-left: 10px solid #b7d5ed;
    border-bottom: 10px solid #b7d5ed;
    border-right: 10px solid #b7d5ed;
}
.single-wapour {
    background-color: #fff;
    width: 100%;
    float: left; margin-top: 10px;
}
.page-id-6829 section.metainfo {
    display: none;
}
.page-id-6829 .single-content ul.eme_events_list.test li .eventIMG {
    float: left;
    width: 30%;
    padding-right: 20px;
}
.page-id-6829 .single-content ul.eme_events_list.test li:hover {
    box-shadow: 0px 1px 8px 2px #c7c2c2;
    background-color: #e8e9ef;
}
.page-id-6829 .single-content ul.eme_events_list.test li .eventcont .eventname a {
    color: #23366e;
    font-weight: 500;
    font-size: 20px;
}
.eventmap-form .evn-form table.eme-rsvp-form tr textarea {
    min-width: 100%;
    max-width: 100%;
    height: 100px;
}
.page-id-6829 .single-content ul.eme_events_list.test li .eventcont {
    float: left;
    width: 70%;
}
.page-id-6829 .single-content ul.eme_events_list.test li .eventcont .eventname {
    margin-bottom: 5px;
}
.page-id-6829 .single-content ul.eme_events_list.test li .eventcont .eventTime ,.evn-imgcont .evn-strat-end{
    font-size: 14px;
    margin-bottom: 10px;
    color: #897850;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.eventReadMore {
    background-color: #203568;
    width: 100px;
    text-align: center;
    border-radius: 4px;
    margin-top: 10px;
    padding: 4px;
}
.eventReadMore a {
    color: #fff !important;
}
.evn-map {
    margin-bottom: 30px;
}
.page-id-6829 .single-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.page-id-6829 .single-header {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.evn-extra-content {
    margin-top: 10px;
    line-height: 23px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.eventnote h4 {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #e8e9ef;
    padding: 10px;
    font-weight: 600;
}
.eventmap-form {
    width: 100%;
    float: left;
}
.eventmap-form .evn-form table.eme-rsvp-form {
    width: 100%;
}
.eventmap-form .evn-form table.eme-rsvp-form input {
    font-size: 14px;
    width: 100%;
    padding: 8px 10px;
    border: none;
    border-radius: 3px;
}
.eventmap-form .eme-required-field {
    font-size: 12px;
    margin: 5px 0px;
    color: #c2b409;
}
.eventmap-form .evn-form form {
    background-color: #203568;
    padding: 20px;
}
.page-id-6829 .single-content ul.eme_events_list.test li:hover .eventReadMore {
    background-color: #3b60c9;
}
.eventcont {
    font-size: 14px;
    line-height: initial;
}
.evn-img {
    float: left;
    width: 40%;
}
.page-id-6829 .site-container section.page-wrapper p {
    font-size: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.evn-img img.eme_event_image {
    padding-right: 15px;
    height: 200px;
    object-fit: cover;width: auto;
}
.eventnote {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.eventmap-form .evn-form, .eventmap-form .evn-map {
    width: 100%;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.evn-imgcont {
    line-height: initial;
}
.single-wapour .evn-time {
    color: #897850;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-top: 6px;
}
.eventnote {
    font-size: 14px;
}
.eventmap-form .evn-form table.eme-rsvp-form tr td {
    width: 100%;
    float: left;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 5px;
}
.eventmap-form .evn-form table.eme-rsvp-form tr {
    margin-bottom: 10px !important;
    width: 100%;
    float: left;
    border-bottom: 1px solid #3b60c9;
}
.eventmap-form .evn-form table.eme-rsvp-form tr td select,.eventmap-form .evn-form table.eme-rsvp-form tr textarea {
   width: 100% !important;
    border: none;
    border-radius: 3px;
    padding: 2px 10px;
}
.eventmap-form .evn-form table.eme-rsvp-form tr th {
    color: #fff;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.evn-form input.eme_submit_button {
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto;
    padding: 12px;
    border: none;
    background-color: #3b60c9;
    color: #fff;
    font-weight: 700;
}
.partner-sc .row .inbox figcaption {
    margin-top: 15px;
}
/*---------------18-3-20---------------------*/
.sbaa-social-media-cont p {
    margin: 10px 0px!important;
}
.sbaa-social-media-cont p strong {
    font-weight: 600;
}
.sbaa-social-media-cont li {
    list-style: inside;
}
.sbaa-social-media-cont h4 {
    margin-top: 15px;
    font-size: 17px;
    margin-bottom: 30px;
}
.sbaa-social-media-cont h4 i {
    color: #90805c;
}
.sbba-sponser-sbbas img {
    float: left;
    margin: 0px 10px 10px 0px;
}
.sbba-sponser-sbbas p {
    margin: 10px 0px !important;
}
.sbba-sponser-sbbas h3.about {
    margin-bottom: 40px;
}
.page-template-digitalchampion-page .col-md-12.col-sm-12.padding_bottm.main_headdigital {
    padding-bottom: 10px;
}
.sbba-sponser-sbbas p br {
    display: none;
}
.sbaa-social-media-cont h4 a {
    display: inline-block;
    border-bottom: 1px solid #337ab7;
}



/*-----------------------------------22-9-20-----------------------*/
/*--.page-template-company-list-search-php.page.page-id-7625 .search-filter-box {
    box-shadow: none;
}
form#searchform .col-lg-6.col-md-6.col-sm-6, form#searchform .col-lg-4.col-md-4.col-sm-4 {
    width: 100%;
}--*/
/*---------------------------------------------------------*/
@media(max-width:1350px){
body.logged-in .sba-small-div li a {
    font-size: 12px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}	
body.logged-in span.login-user-name {
    position: relative;
    top: -7px;
}
}
@media(max-width:1200px){
body.logged-in .sba-small-div li a {
    font-size: 12px;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

}

@media(max-width:991px){
.tml.tml-login {
    width: 100%;
    padding: 0;
}
.partner-sc .row > [class*='col-'] {
    width: 33.33%;
}
.sba-site-footer h3 {
    margin-top: 30px!important;
    margin-bottom: 10px!important;
}
.site-container section .pattern-block .quote-box.no-border h2 {
    font-size: 20px;
}
.site-container section h1.section-title {
    font-size: 25px;
}
.page-template-digitalchampion-page h3.about::after {
    margin-top: 20px;
}
.contactmap .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.page-template-digitalchampion-page .main_headdigital {
    padding-bottom: 0;
}
.site-container .oldsection .contact-details .contact-title,
.site-container section .contact-details .contact-title {
    margin-bottom: 20px;
    margin-top: 30px;
}
.page-id-309 .fs_regards {
    float: left;
}
.padding.paddv-80 {
    padding: 30px 0 !important;
}
.page-template-members-list .col-md-12 {
    width: 100%;
    float: left;
}	
.page-template-members-list section.metainfo .col-md-12 .col-md-2 input#search-member {
    width: 100%;
    border-top-right-radius: 0;border-bottom-right-radius: 0;}
.page-template-update-member-profile .form-group .col-md-6, .page-template-update-member-profile .form-group .col-md-12 {
    padding: 10px 0px;
}
.page-template-update-member-profile .form-group {
    margin-bottom: 0;
}
.site-container section.page-wrapper .team-profile {
    min-height: auto !important;
}
.site-container section.page-wrapper .team-profile .social-profile {
    position: relative;
}
.site-container section.page-wrapper .team-profile p {
    margin-bottom: 15px;
}
.sbaa-social-media-cont, .sbaa-social-media-cont h4 {
    text-align: center;
}
.sbba-sponser-sbbas img {
    float: none;
    display: block;
    width: 130px;
    margin: 0 auto 20px;
}
.sbaa-social-media-cont h3.about {
    margin-top: 35px;
}
.sbaa-social-media-cont p strong {
    font-size: 18px;
    font-weight: 600;

}
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
.price_block {width: 50%;}
.price_block:nth-child(odd) {border-right: 1px solid transparent;}
.price_block:nth-child(3) {clear: both;}
.price_block:nth-child(odd):hover {border: 0 none;}
}
@media only screen and (min-width : 768px){
.price_block {width: 25%;}
.price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
.price_block:last-child {border-right: 0 none;}
.price_block:hover {border: 0 none;}
 
} 
  
@media only screen and (min-width : 800px){
.single-event .single-content .featured-image-div,
.single-event .single-content div:nth-child(2) {
    width: 50%;
    margin-bottom: 20px !important;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}
@media only screen and (max-width : 799px){
.single-event .single-content .featured-image-div,
.single-event .single-content div:nth-child(2) {
    width: 100%;
    margin-bottom: 20px !important;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
	text-align:center;
}
.single-event .single-content div:nth-child(2) div {
    width: 100% !important;
    padding-left: 0 !important;
}
.single-event .single-content .featured-image-div img {
    width: 100%;
}
}
@media  screen and (max-width : 767px){
body.pmpro-checkout.page.page-id-243 div.single-content {
    padding: 0;
}
.pmpro_checkout-fields .pmpro_checkout-field,
.pmpro_checkout-fields .pmpro_checkout-field.pmpro_checkout-field-message textarea#message {
    width: 100%!important;
}
.pmpro-levels #pmpro_levels_table td {
    font-size: 12px;
    line-height: 18px;
}
.pmpro-levels .single-content h2,
.tml-label,
.pmpro-levels .tml-lostpassword-link {
   font-size: 14px !important;
}
.site-container section.single-page-wrapper .single-header .meta {
    padding: 30px 0px;
}
ul.events-list li {
    padding-left: 15px;
}
ul.events-list li i.fa {
    position: absolute;
    left: 25px;
}
.page-id-6829 .single-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.page-id-6829 .single-content ul.eme_events_list.test li .eventIMG {
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
}
.modal-box {
    width: 90%!important;
	height: 350px;
    overflow-y: scroll;
}
.fs-close {
    right: 0!important;
    top: 0!important;
}
.membership-btn {
    float: left!important;
    margin-bottom: 35px!important;
	margin-top: 0 !important;
}
.partner-sc .row > [class*='col-'] {
    width: 50%;
}
.site-container section .contact-forms h1 {
    margin-bottom: 20px;
}
.site-container section .contact-forms h2 {
    font-size: 20px;
}
.contact-forms .form-group .col-sm-6, .contact-forms .form-group .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
}
.page-template-contact-us iframe {
    width: 100% !important;
}
.site-container .oldsection h1.section-title:after, .site-container section h1.section-title:after {
    margin: 15px auto 0;
}
.site-container .metainfo h1 {
    font-size: 22px;
}
.site-container .oldsection .pattern-block .quote-box.no-border .read-more, .site-container section .pattern-block .quote-box.no-border .read-more {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
}
input#avatar {
    left: 53px !important;
}
.navbar-toggle {
    display: none;
}
.site-container .oldsection .pattern-block .quote-box,
.site-container section .pattern-block .quote-box {
    padding: 0;
}
} 
@media(max-width:650px){
.page-id-6829 .single-content ul.eme_events_list.test li .eventIMG {
    float: left;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
}
.page.page-id-6829 h1 {
    padding-bottom: 0 !important;
    margin-top: 20px;
}	
}

@media(max-width:552px){
.col-md-6.fs_fnamelname {width: 100% !important;}
.page-template-update-member-profile .col-md-9 .form-group:first-child {margin-bottom: 3px;}
}
@media(max-width:550px){
.partner-sc .row > [class*='col-'] {
    margin-bottom: 30px;
    width: 100%;
}
body .sba-small-div {
    width: 100%;
    float: left;
    padding-top: 0;
}
body .sba-small-div ul li a {
    padding: 9px 15px !important;
}
.sba-site-footer-inner .sba-contact-form {
    width: 100%;
    float: left;
}
.metainfo.single-profile .table.table-bordered th {
    width: 100%;
    float: left;
}
section.metainfo.single-profile th img {
    padding-top: 0;

}
body.logged-in .sba-small-div li:nth-child(2) a {
    padding: 16px 10px !important;
}
body.logged-in .sba-small-div {
    padding: 0;
    margin-left: 10px;
}
.page-template-update-member-profile .form-group:nth-child(7) {
    width: 100%;
    display: block;
    margin: 0 auto;
    float: none;
}
.page-template-update-member-profile .form-group:nth-child(7) img {
    margin: 0 auto;
    display: block;
}
.pmpro-levels .single-content {
    padding: 20px 10px !important;
}
.pmpro-levels .single-content .tml.tml-login {
    width: 100%;
}
.pmpro-levels .single-content h2 {
    margin-bottom: 20px;
}
.evn-img {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.evn-img img.eme_event_image {
    padding-right: 0;
    height: 100%;
}
.sbaa-social-media-cont h4 a {
    border-bottom: none;}
	
}