@import url(edumithra-fonts.css);
h1, h2, h3, h4, h5 {
    color: #000000;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
}
img {
    height: auto;
    max-width: 100%;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
 background-color:#00ADE5;
 color:#fff;
transition:all 0.2s ease 0s;
}
#sBrand {margin: 6px 0px; font-weight: bold; font-family: "Open Sans", arial, sans-serif; float: left; width: 210px;}
#sBrand a{color: #00ADE5; font-size: 26px; margin: 10px 0px;}
#eu-logo {width: 80px; float: left; margin: 3px;}
.topMr {margin-top:10px;}
.navbar-collapse {max-height:414px;}
#menu-primary-navigation{margin: 10px 0px; text-transform: uppercase;}
#menu-primary-navigation li a { font-family: 'Oswald', sans-serif; padding:15px ;}
.navbar {margin: 0px;}
#sliderBox {max-height: 550px; overflow: hidden;margin-top:87px;}
#circlesBox {width: 100%; clear: both; padding:80px 0px 25px;}
#circlesBox .col-lg-3 {text-align: center;}
#circlesBox .icon_holder {
    display: block;
    float: none;
    margin: 0 0 25px;
}
.icon_holder .fa-stack i.fa-circle, .font_awsome_icon_stack .fa-circle, .icon_holder .fa-stack, .font_awsome_icon_square {
    color: #EDEDED;
    transition: color 0.4s ease-out 0s;
}
.icon_holder .fa-stack i.fa-stack-1x {
    color: #01C0EC ;
    font-size: 0.5em;
    text-shadow: 0px 1px 1px #fff;
    
    -webkit-transition-duration: 1.0s;
    -moz-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
    transition-duration: 1.0s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
.rot-box:hover i.fa-circle, .font_awsome_icon_stack:hover .icon-circle {
    color: #01C0EC !important;
    transition: color 0.2s ease-out 0s;
}
.rot-box:hover i.fa-stack-1x {
    color: #fff !important;
    text-shadow: 0px 1px 1px #333;
    
    -webkit-transition-duration: 1.0s;
    -moz-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
    transition-duration: 1.0s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    
}
#circlesBox h4 {text-transform: uppercase; font-weight: 400; font-family: 'Oswald',sans-serif; font-size: 16px;}
#circlesBox .ctext {font-size: 13px; line-height: 22px; color: #666;}
#circlesBox .dbtn {font-size: 12px;}
#projectsBox {width: 100%; clear: both;}
#projectsBox .wpb_wrapper {width: 100%; text-align: center; text-transform: uppercase; color: #000;}
#projectsBox .wpb_wrapper p {font-size: 15px; font-weight: 700;}
#projectsBox .wpb_wrapper h2 {font-size: 26px; }
.seperator {
    background-color: #000000;
    display: block;
    height: 1px;
    margin: 18px auto 28px;
    position: relative;
    width: 55px;}
#projectsBox .projectar  .image_holder .image {
    display: block;
    overflow: hidden;
    position: relative;
    transform: translateZ(0px);
    width: 100%;
}
#projectsBox .projectar  .image_holder .image img{
    display: block;
    position: relative;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    z-index: 100;
}
#projectsBox .projectar  .image_holder .image img:hover {
    opacity: 0.9;
    position: relative;
    transform: scale(1.2, 1.13);
    transition-duration: 450ms;
    transition-timing-function: ease-out;
}
#projectsBox .projectar  .portfolio_description p {
    font-size: 13px; line-height: 22px; color: #666;
}
#projectsBox .projectar  .portfolio_description .prbtn {font-size: 10px;}
#newsBox .wpb_wrapper p {font-size: 15px; font-weight: 700;}
#newsBox .wpb_wrapper h2 {font-size: 26px; }
#newsBox .news_img_holder {width: 250px; float: left;margin: 0px 20px 20px 0px;}
#newsBox .newstext {
    color: #666666;
    font-size: 14px;
    line-height: 24px;}
.qbutton {
   background-color: #01C0EC;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 -2px rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    height: 36px;
    letter-spacing: 1px;
    line-height: 36px;
    margin: 0;
    outline: 0 none;
    padding: 0 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    white-space: nowrap;
    width: auto;
}
.qbutton:hover {
    text-decoration: none;
    color: #fff;
    background: #333;
}
#processBox .wpb_wrapper p
{
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}
.steps_holder {
    text-align: center;
    width: 100%;
}
.steps_holder .circle_small {
    color: #FFFFFF;
    font-family: 'Oswald',sans-serif;
    font-size: 26px;
    text-align: center;
}
.steps_holder_inner {
    display: inline-block;
    position: relative;
}
.steps_holder .circle_small, .steps_holder .circle_small_inner {
    height: 155px;
    width: 155px;
}
.steps_holder .circle_small {
    background-color: #01C0EC;
    border-radius: 7em;
    color: #FFFFFF;
    font-family: 'Oswald',sans-serif;
    font-size: 26px;
    margin: 0 auto;
    text-align: center;
    transition: background-color 0.4s ease-out 0s;
}
.steps_holder .circle_small:hover {
    background-color: #2C2C2C !important;
    transition: background-color 0.4s ease-out 0s;
}
.steps_holder .circle_small:hover span, .steps_holder .circle_small:hover .step_title {
    color: #FFFFFF !important;
}
.steps_holder .circle_small_inner {
    display: table-cell;
    vertical-align: middle;
}
.steps_holder a.circle_small_inner {
    color: #FFFFFF;
}
.steps_holder a.circle_small_inner:hover {
    color: inherit;
    text-decoration: none;
}
.steps_holder .circle_small span {
    display: block;
    margin-bottom: 18px;
}
.steps_holder .circle_small .step_title {
    color: #FFFFFF;
    letter-spacing: 1px;
}
.steps_holder .circle_small_holder p {
    margin-top: 23px;
    padding: 0 21px;
    text-align: center;
}
.steps_holder .circle_small_holder {
    display: inline-block;
    width: 265px;
}
.steps_holder .circle_small_holder_inner {
    position: relative;
}
.steps_holder .circle_small_holder_inner .arrow_holder {
    background: url("../img/step_holder_arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    height: 13px;
    position: absolute;
    right: -25px;
    top: 50%;
    width: 50px;
}
.steps_holder .circle_small_holder:last-child .circle_small_holder_inner .arrow_holder {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
}
.steps_holder.show .circle_small_holder {
    opacity: 1;
    transform: scale(1);
}
.steps_holder .circle_small_holder {
    opacity: 0;
    transform: scale(0.7);
    transition: all 0.3s ease-out 0s;
}
.steps_holder .step1 {
    left: 40px;
    top: 85px;
    transition-delay: 0.5s;
}
.steps_holder .step2 {
    transition-delay: 1s;
}
.steps_holder .step3 {
    transition-delay: 1.5s;
}
.steps_holder .step4 {
    transition-delay: 2s;
}

#footerBox {background: #2C2C2C; color: #fff; padding: 60px 0 20px 0;margin-top: 35px;}
#footerBox h3 {   font-size: 15px;
    line-height: 19px;
        font-family: 'Oswald',sans-serif;
    font-weight: 400;
     color: #FFFFFF;
    margin: 0 0 22px;
    text-transform: uppercase;
    }
#footerBox ul {
    list-style: none outside none;
    padding: 0px;
}
#footerBox a{
    color: #fff;
    text-decoration: none;
}
#footerBase {
    background: #000;
    color: #fff;
    font-size: 11px;
    padding: 10px 0;
}
#footerBase a {
    text-decoration: none;
    color: #aaa;
}
#footerBase a:hover {
    color: #fff;
}
/* MULTI-LEVEL DROPDOWNS FOR ROOTS */
.dropdown-menu .dropdown-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
    background:#2c2c2c;
}
.dropdown .dropdown-menu {
    background:#2c2c2c;
}
#menu-primary-navigation .dropdown-menu > li > a {
color:#a2a2a2;
font-family:"Open Sans",serif;
font-size:13px;
border-bottom:1px solid #929292;
padding:7px 12px;
text-transform:capitalize;
}
#menu-primary-navigation .dropdown-menu > li.active > a
{
background:#000;
}
#menu-primary-navigation .dropdown-menu > li:last-child > a
{
border:0px;
}
#menu-primary-navigation .dropdown-menu > li > a:hover {
background:#000;
color:#ffffff;
}
.dropdown-menu li:hover .dropdown-menu {
    visibility: visible;
    display: block;

}

.navbar .dropdown-menu  .dropdown-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .dropdown-menu .dropdown-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
}
.page .wrap {margin-top:88px;}
.archive .wrap {margin-top:88px;}
.category .wrap {margin-top:88px;}
.single .wrap {margin-top:88px;}