.nopadding {

    padding-left: 0px;

    padding-right: 0px;

}



.nomargin {

    margin-left: 0px;

    padding-right: 0px;

}



@font-face {

    font-family: devlys;

    src: url(../fonts/DevLys050.ttf);

}



/*Style for Top Language Bar*/

.top-bar {

    padding-top: 5px;

    border-bottom: 1px solid;

    border-bottom-color: #ebebeb;

    background: #f2f2f2;

}



.top-bar .contact-details {



}



.top-bar .contact-details li {

    list-style-type: none;

    display: inline;

}



.top-bar .contact-details li:hover {

    font-color: skyblue;

}



.top-bar .contact-details li:not(:first-child):before {

    content: " | ";

}



/* Styles for Top Menu Bar */

.marginBottom-0 {

    margin-bottom: 0;

}



.dropdown-submenu {

    position: relative;

}



.dropdown-submenu > .dropdown-menu {

    top: 0;

    left: 100%;

    margin-top: -6px;

    margin-left: -1px;

    -webkit-border-radius: 0 6px 6px 6px;

    -moz-border-radius: 0 6px 6px 6px;

    border-radius: 0 6px 6px 6px;

}



.dropdown-submenu > a:after {

    display: block;

    content: " ";

    float: right;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    border-left-color: #cccccc;

    margin-top: 5px;

    margin-right: -10px;

}



.dropdown-submenu:hover > a:after {

    border-left-color: #555;

}



.dropdown-submenu.pull-left {

    float: none;

}



.dropdown-submenu.pull-left > .dropdown-menu {

    left: -100%;

    margin-left: 10px;

    -webkit-border-radius: 6px 0 6px 6px;

    -moz-border-radius: 6px 0 6px 6px;

    border-radius: 6px 0 6px 6px;

}



.main-menu-link {

    color: #ffffff !important;

}



/* Style for Other Components of Index Page */

.primary-panel-heading

{

    background: #0070C0 !important;

}



.primary-panel-title

{

    color: #ffffff;

    font-size: 25px;

}



.panel-list {



}



.panel-list li {

    /*list-style-type: none;*/

    list-style-image: url(../images/grn_arrow.jpg);

}



.panel-list li span {

    font-size: 17px;

    margin-left: 5px;

}



.medium-font

{

    font-size: 17px;

}



.medium-lg-font

{

    font-size: 22px !important;

}



/* Styles for Footer */

.footer {

    background-image: linear-gradient(to bottom, #4980A6 0, #10476D 100%);

    padding-top: 10px;

}



.footer .contact-details li {

    list-style-type: none;

    display: inline;

    color: #ffffff;

}



.footer .contact-details li a{

    color: #ffffff;

}



.footer .contact-details li:not(:first-child):before {

    content: " | ";

}



/* Styles for FAQ Page */

.faq-panel-heading [data-toggle="collapse"]:after {

    font-family: 'FontAwesome';

    content: "\f078"; /* "play" icon */

    float: right;

    color: #F58723;

    font-size: 18px;

    line-height: 22px;

    /* rotate "play" icon from > (right arrow) to down arrow */

    /*    -webkit-transform: rotate(-90deg);

        -moz-transform: rotate(-90deg);

        -ms-transform: rotate(-90deg);

        -o-transform: rotate(-90deg);

        transform: rotate(-90deg); */

}



.faq-panel-heading [data-toggle="collapse"].collapsed:after {

    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */

    /*    -webkit-transform: rotate(90deg);

        -moz-transform: rotate(90deg);

        -ms-transform: rotate(90deg);

        -o-transform: rotate(90deg);

        transform: rotate(90deg); */

    color: #454444;

}





.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 2px solid #006699; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }.datagrid table td, .datagrid table th { padding: 6px 10px; }.datagrid table thead th {background:#5B9BD5; color:#FFFFFF; font-size: 16px; font-weight: bold; border-left: 0px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color:#000000; border-left: 2px solid #E1EEF4;font-size: 16px;border-bottom: 1px solid #E1EEF4;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEF4; color:#000000 }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEF4;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 6px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }



/* Styles for Gallery Carasoul */



.project {

    padding-top: 30px;

}



.project-page {

    margin-bottom: 50px;

}



.project-slider {

    position: relative;

}



.project-slider img {

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

}



.project-slider .thumb-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -o-border-radius: 4px;

    background-color: rgba(0,0,0,0);

    transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.project-slider:hover .thumb-overlay {

    background: rgba(255,255,255,0.5);

}



.project-slider .thumb-overlay i {

    font-size: 3em;

    color: rgba(0,0,0,0);

    position: absolute;

    left: 50%;

    top: 42%;

    margin-left: -27px;

    margin-top: -19px;

    transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.project-slider:hover .thumb-overlay i {

    top: 50%;

    color: #444;

}



.project-content h4 {

    margin-bottom: 12px;

    padding-bottom: 8px;

    border-bottom: 1px solid #eee;

}



.project-content h4 span {

    padding-bottom: 8px;

    border-bottom: 1px solid;

}



.project-content p, .project-content ul {

    margin-bottom: 30px;

}



.project-content ul li {

    margin-bottom: 5px;

}





.recent-projects h4.title {

    margin-bottom: 16px;

    padding-bottom: 8px;

    border-bottom: 1px solid #eee;

}



.recent-projects h4.title span {

    padding-bottom: 8px;

    border-bottom: 1px solid;

}



.projects-carousel {

    width: 1150px !important;

}



.projects-carousel .item {

    margin-right: 15px;

    margin-bottom: 0;

}



.full-width-recent-projects .projects-carousel {

    width: 100% !important;

}



.full-width-recent-projects .projects-carousel .item {

    margin: 0;

}



.full-width-recent-projects .portfolio-item .portfolio-border {

    padding: 0;

    border: 0;

    border-radius: 0;

    box-shadow: none;

}



.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay {

    opacity: 0.65;

    z-index: 9994;

}



.full-width-recent-projects .portfolio-item .portfolio-thumb .thumb-overlay i {

    top: 25%;

}



.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay i {

    color: #fff;

    top: 45%;

}



.full-width-recent-projects .portfolio-item .portfolio-details {

    position: absolute;

    bottom: -10px;

    opacity: 0;

    width: 100%;

    z-index: 9995;

    padding: 0 20px;

    transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

}



.full-width-recent-projects .portfolio-item:hover .portfolio-details {

    bottom: 10px;

    opacity: 1;

}



.full-width-recent-projects .portfolio-item:hover .portfolio-details h4 {

    color: rgba(255,255,255,.9);

}



.full-width-recent-projects .portfolio-item .portfolio-details a span {

    color: rgba(255,255,255,.8);

}



.full-width-recent-projects .portfolio-item .portfolio-details .like-link i, .full-width-recent-projects .portfolio-item .portfolio-details .like-link span {

    color: #fff;

}



/*Style for Carasoul*/

/* carousel */

.media-carousel

{

    margin-bottom: 0;

    padding: 0 40px 30px 40px;

    margin-top: 30px;

}

/* Previous button  */

.media-carousel .carousel-control.left

{

    left: -12px;

    background-image: none;

    background: none repeat scroll 0 0 #222222;

    border: 4px solid #FFFFFF;

    border-radius: 23px 23px 23px 23px;

    height: 40px;

    width : 40px;

    margin-top: 30px

}

/* Next button  */

.media-carousel .carousel-control.right

{

    right: -12px !important;

    background-image: none;

    background: none repeat scroll 0 0 #222222;

    border: 4px solid #FFFFFF;

    border-radius: 23px 23px 23px 23px;

    height: 40px;

    width : 40px;

    margin-top: 30px

}

/* Changes the position of the indicators */

.media-carousel .carousel-indicators

{

    right: 50%;

    top: auto;

    bottom: 0px;

    margin-right: -19px;

}

/* Changes the colour of the indicators */

.media-carousel .carousel-indicators li

{

    background: #c0c0c0;

}

.media-carousel .carousel-indicators .active

{

    background: #333333;

}

.media-carousel img

{

    /*width: 250px;*/

    /*height: 100px*/

}

/* End carousel */