/* MyStyle CSS */


/* Head */
.head {background: #dfdfdf;padding: 5px 0;}
.head {margin: 0 0 10px 0; padding: 5px 0;}
.head img {display: block; margin: auto;}


/* Top bar */
.top-bar {background: #F26522;padding: 5px 0;}
.social_icons {margin-right: 5px;}
.contact_info{color:#fff; font-size: 16px;}
.contact_info a,
.contact_info a:hover {color: #fff;}

/* logo */
.logo {text-shadow: 2px 2px 20px #404040; margin-top: 27px;}
.logo {text-align: left;}
.logo .white {color: white;}
.logo .red {color: red;}
.logo .blue {color: blue;}
.logo a,
.logo a:hover {text-decoration: none;}

@media (max-width: 603px) {
.logo {align-content: center;}
}


.my_menu {margin-top: 27px;}
.my_menu .navbar-default {background: none;border: none;}
.my_menu .navbar-nav .active a,
.my_menu .navbar-nav .active a:hover {background: #F26522;color: #fff;}
.my_menu .navbar-nav li a:hover {background: #F26522;color: #fff;}

.languages {margin-top:40px;}

.our_courses {
    background: radial-gradient(circle, #009cde, #003087); padding: 25px 0;
}
.our_courses h1 {color: #fff;}
.our_courses .top_margin {margin-top: 36px;}

.our_courses_2 {
    background: radial-gradient(circle, #f08d19, #de4300); padding: 25px 0;
}
.our_courses_2 h1 {color: #fff;}
.our_courses_2 .top_margin {margin-top: 36px;}


.content {background: #fff; margin: 10px auto; padding: 10px 0;}
.content {color: #ff981e; font-size: 17px;}
.content a {color: #337ab7; font-size: 17px;}
.content p span {color: #337ab7;}
.content p {color: #aaa; margin-top: 10px; margin-bottom: 5px;}
.content div {padding-top: 20px; padding-bottom: 20px;}


.footer-area {background: #efefef; margin: 50px 0 0 0; padding: 30px 0;}
.footer-area {color: #aaa; font-size: 15px;}
.footer-area p {color: #aaa; margin-top: 10px; margin-bottom: 5px;}
.footer-area table td {color: #aaa; font-size: 15px;
    vertical-align: top; padding: 0 17px 0 0;}
.footer-area ul {list-style: none; margin: 0; padding: 0;}
.footer-area ul li a { color: #aaa; font-size: 15px;}
.footer-area div {padding-top: 10px; padding-bottom: 10px;}


.footer {background: #a3a3a3; padding: 20px 0; color: #fff;
    font-size: 15px;text-align: center;}
.footer p {color: #fff; margin: 20px 0 20px 0;}
.footer a {color: #fff;}
.footer ul {list-style: none; margin: 0; padding: 0;}


@media (max-width: 603px) {
.our_courses [class*="col-*"]{
    margin-bottom: 25px;
}
}

@media (max-width: 1200px) {
    .my_menu .pull-right {float:none !important;}
}