/*------------------------------------------------------------------
    Version: 1.0
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    [Table of contents]

    1. IMPORT FONTS
    2. IMPORT FILES
    3. SKELETON
    4. WP CORE
    5. HEADER
    6. SECTIONS
    7. SECTIONS
    8. PORTFOLIO
    9. TESTIMONIALS
    10. PRICING TABLES
    11. ICON BOXES
    12. MESSAGE BOXES
    13. FEATURES
    14. CONTACT
    15. FOOTER
    16. MISC
    17. BUTTONS
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
    IMPORT FONTS
-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Exo:200,300,400,500,600,700');

/*------------------------------------------------------------------
    IMPORT FILES
-------------------------------------------------------------------*/

@import url(/Content/cssStyle/animate.css);
@import url(/Content/cssStyle/camera.css);
@import url(/Content/cssStyle/flaticon.css);
@import url(/Content/cssStyle/prettyPhoto.css);
@import url(/Content/cssStyle/owl.carousel.css);
@import url(/Content/cssStyle/font-awesome.min.css);

/*------------------------------------------------------------------
    SKELETON
-------------------------------------------------------------------*/

body {
    color: #2e2c71;
    font-weight :bolder ;
    font-size: 15px;
    font-family: 'Cairo', "Times New Roman",  "Times New Roman", Times, serif; 
    line-height: 1.80857;
}

body.demos .section {
    background: url(/images/bg.png) repeat top center #f2f3f5;
}

body.demos .section-title img {
    max-width: 280px;
    display: block;
    margin: 10px auto;
}

body.demos .service-widget h3 {
    border-bottom: 1px solid #ededed;
    font-size: 18px;
    padding: 20px 0;
    background-color: #ffffff;
}

body.demos .service-widget {
    margin: 0 0 30px;
    padding: 30px;
    background-color: #fff
}

body.demos .container-fluid {
    max-width: 1080px
}

a {
    color: #1f1f1f;
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0;
    font-weight: normal;
    position: relative;
    padding: 0 0 10px 0;
    font-weight: normal;
    line-height: 120% !important;
    color: #031d41;
    margin: 0
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 13px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #212121;
    text-decoration: none!important;
    opacity: 1
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    opacity: .8
}

a {
    color: #222222;
    text-decoration: none;
    outline: none;
}

a,
.btn {
    text-decoration: none !important;
    outline: none !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.grid { margin: 0 auto; max-width: 1200px; width: 100%; }

.btn-custom {
    margin-top: 20px;
    background-color: transparent !important;
    border: 2px solid #ddd;
    padding: 12px 40px;
    font-size: 16px;
}

.lead {
    font-size: 18px;
    line-height: 30px;
    color: #767676;
    margin: 0;
    padding: 0;
}

blockquote {
    margin: 20px 0 20px;
    padding: 30px;
}

ul, li, ol{
	margin: 0px;
	list-style: none;
	padding: 0px;
}


/*------------------------------------------------------------------
    WP CORE
-------------------------------------------------------------------*/

.first {
    clear: both
}

.last {
    margin-right: 0
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 10px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 10px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 10px 0 20px 20px;
}

a img.alignnone {
    margin: 10px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 10px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

#breadcrumbs{
   margin: -20px -30px 0px -10px;
}

#breadcrumbsImgGalry{
   margin: -10px 0px 0px -10px;
}


/* MAIN MENU
================================================== */

#main-nav {
	float:right ;
    direction :rtl ;
}
nav#main-nav select {
	display:none; /* for mobile */
}
#main-nav ul {
	margin: 0;
	padding: 0;
}
#main-nav li {
    float: right ;
    list-style: none outside none;
    margin: 0;
}
#main-nav ul li li:first-child {
	border-top:none;
}
#main-nav .current > a {
	color:#262f31;
}
#main-nav .current li.current a, #main-nav .current li.current li.current a {
	color:#262f31;
	margin-top:0;
	border-top: none;
	padding-top:5px;
	background-color:#12994d;/**/
}
#main-nav a:hover {
	text-shadow: none;
	color:#262f31;
}
#main-nav a {
	color: #fff;
	display: block;
	font-size: 14px;
	position: relative;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	padding-top: 7px;
	padding-bottom: 0px;
}
#main-nav ul.sf-menu li:first-child > a{
	margin-left: 28px;
}
.sf-menu li > a {
	padding-bottom:3px !important;
	text-transform: uppercase;
	margin-right:14px ;
	margin-left: 14px ;
	font-family: 'Cairo', "Times New Roman", "Times New Roman", Times, serif;

}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style:	none;
}
.sf-menu {
	line-height: 1.0;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	margin-top: 0px !important;
	margin-right: 10px !important;
}
#main-nav ul.sf-menu li:first-child ul {
	margin-right : 0px !important;
}
.sf-menu ul ul {
	margin: 0 !important;
}
.sf-menu ul li {
	width: 150px;
}
.sf-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: right;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0px;
	top: /*5.5em*/34px; /* match top ul list item height */
	z-index: 99;
	text-shadow:none;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	right: 150px  !important; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	right : 100em; /* match ul width */
	top: 0;
}
.sf-menu li li  {
	margin: 0 !important;
	background-color: #535961;
}
#main-nav .current li.current li a{
    background-color: #535961;
    color: #fff;
}
.sf-menu li li a {
	font-family: 'Cairo', "Times New Roman", "Times New Roman", Times, serif;
	text-transform: none !important;
	text-shadow: none !important;
	font-size: 12px !important;
	padding-right: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    color:#fff !important;
    line-height: 20px;
}
.sf-menu li li a:hover{
	color: #fff !important;
	background: #12994d !important;
}

/* Start Lgoin Form Style  ================================================== */
#loginForm
{
    padding : 20px 5% 10px 10px;

}

/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 1px 1% 20px 10px;
    text-align: right;
    padding-bottom:1%;
    float:left ; 
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

    #login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

    #logoutForm {
        display: inline;
    }

/* Start Ducment library  ================================================== */

.DucmCatlogItem-image
{
    background-color:#ffffff; 
    border: solid #ccc 0px !important;
    padding: 10px !important;
    width:100%;
    max-height: 400px;
    overflow: hidden;
}

.DucmCatlogItem-image img
{
    
    width:100%;
}

.ItemDucmentGallry-page {
    border: solid #ccc 0px !important;
    margin-top:30px;
   padding: 20px;
}

.DucmentCallery-Section
{
    padding-right:20px; padding-top:15px;
}

.DucmentCallery-Section table td
{
   border: solid 0px #A6A6A6 !important;
   vertical-align: middle ;
   text-align:center ; 
   padding: 8px;
}

.DucmentCallery-Section table
{
   border: solid 0px #A6A6A6 !important;
   vertical-align: middle ;
   text-align:center ; 
}

.DucmtGalleryItemStyle
{
    border: 0px solid #000000;
    padding: 10px 5px 10px 5px;
}

.DucmtGalleryItemStyle table td
{
   border: solid 0px #A6A6A6 !important;
   vertical-align: middle ;
   text-align:center ; 
   padding: 0 !important;
}


.DucmentGallery-UnderCon {
    direction: rtl;    
}

.DucmentGallery-UnderCon > div {
    direction: rtl;   
    
}

.DucmentGallery-UnderCon > div > p,h1 {
    direction: rtl;      
     vertical-align:middle ;
     min-height:50px; 
}

div.SonlibImgStyl {
    direction:rtl ;
    margin:10px 20px 20px 10px; 
    padding: 30px 50px 10px 0px;
    float: right !important;

    vertical-align:text-bottom;
    text-align :right;        
    width: 75%;
    display:block ; 
}

div.SonlibImgStyl .SndlibImgItm {
    background: url(/images/loading.gif) no-repeat center center #E6E6E6;
    margin: 0 5px 0 20px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 44%;
    overflow: hidden;
}

span.SndlibImgItm {
    width: 90%;
    height: 150px;
    display: block;
}

 div.SonlibImgStyl .SndlibImgItm img {
        width: 100%;
        height: 150px;
        border: 1px solid #ccc;
        padding: 6px;
    }

div.DucmGatgTxtNme {
    font-family: 'Cairo', sans-serif;
    font-size: 15px;
     font-weight :bold ;
    line-height: 22px;
    color: #ffffff;
    padding:10px;     
    direction:rtl ;     
    text-align : center;    
   
}

div.SndlibNam_txt {
    font-family: 'Cairo', sans-serif;
    font-size: 14px;
     font-weight :bold ;
    line-height: 22px;
      color: #19aeb5;
    padding:6% 40% 15px 0px;     
    direction:rtl ;   
    float: right !important;   
    text-align :right;    
    position: absolute;
}

div.SoundLibraryItems {
    direction:rtl ;   
    float: right !important;
    margin-right: 23%;
    margin-top: 10px;
    padding-bottom:30px; 
}

div.SoundLibraryItems > div  {
    direction:rtl ;   
    float: right !important;
    font-size: 13px;    
}

    div.SoundLibraryItems > div > table tbody tr td {
        padding: 5px 10px 5px 10px;
        vertical-align: top;
        border: none;
        text-align: center;
    }



div.SoundLibraryItems > div > table tbody tr td a , table tbody tr td a.active  {
    direction:rtl ;   
    float: right !important;
    font-size: 13px;
    font-weight:bold ;
    line-height: 20px;
}

div.Sound-ItemsPlayer {
    direction:rtl ;   
    float: right !important;
    width:100% ;
    text-align:center ; 
   padding-right: 20%;
    padding-left: 5%; 
}

div.Sound-ItemsPlayer > table {   
    text-align:center ; 
    width: 100%;
   
}

div.NewerSoudLibItem{
      direction:rtl ;   
     float: right !important;
     width: 100%;
}

div.NewerSoudLibItem > table{
     direction:rtl ;   
    float: right !important;
     border: 0px solid #d8d8d8;
     width: 100%;
}

div.NewerSoudLibItem > table tbody tr td{    
    font-family: 'Cairo', sans-serif;
    font-size: 11.5px;
    text-align:right;
    vertical-align:middle ;    
    font-weight: 400 ;
    line-height: 18px;    
    padding: 2.2px 3px 2.2px 3px;

    max-height: 50px;
    overflow: hidden;
}



div.NewerSoudLibItem > table tbody tr td img{    
     width:auto ;
     height:100%;
     padding: 2px;
    margin-left: 0px;
}

div.NewerSoudLibItem > table tbody tr td a , table tbody tr td a.active  {
    color: #fc7100;
    font-size: 11.5px;
    text-align:right ;
    font-weight: 400 ;
    line-height: 18px;
    padding:0px;
    margin:0px;
    margin-right: 3px;
}

/* Start gallery Video library  ================================================== */

.ItemGallry-page {
    border: solid #ccc 0px !important;
    margin-top:30px;
    width:100%; 
}

.Vidgallery {
    padding-top:20px;
    direction:rtl ; 
    text-align:center ;  
}

.VideoGallery-UnderCon {
    width:100%; 
}

.VideoGallery-UnderCon h1 {
    font-size: 25px;
    padding-top: 60px;
    direction: rtl;
    font-weight: bolder;
}

.gallery_border
{
	border-color: #43707d;
	border-width: 0px;
	border-style: solid;
	padding-top: 2px;
	
}
.gallery_Desc
{
	background-color:rgba(33, 89, 167, 1);
	color:#ffffff;
	 font-family: 'Cairo', sans-serif;
    font-size: 14px;
    font-weight:bold;
    line-height:19px; 
    text-align:center ;
}

.ItemGallry-page table {
    border: solid #ccc 0px !important;
}


.ItemGallry-page table td, th {

    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    padding: 10px 10px;
    text-align: center;

}

.ItemGallry-page img
{
    width: 100%;
}

.ItemGallry-page .image-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.ItemGallry-page .image-overlay .hover-links {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -18px -40px 0 0;
}

.ItemGallry-page .image-overlay .hover-links a.hover-zoom {
    -webkit-transform: translate(-30px,0px);
    -moz-transform: translate(-30px,0px);
    -ms-transform: translate(-30px,0px);
    -o-transform: translate(-30px,0px);
    transform: translate(-30px,0px);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ItemGallry-page .image-overlay .hover-links a {
    width: 32px;
    height: 32px;
    line-height: 31px;
    text-align: center;
    margin: 0 4px;
    float: left;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 32px;
}

/* Breadcrums ---------------------- */
/*ul.breadcrumbs { direction:rtl; display: block; background: white; width: 100%;
                 padding: 8px 10px 5px 0px; border: 1px solid white; margin-bottom: 10px;
                 -webkit-border-radius: 2px; -moz-border-radius: 2px; 
                 -ms-border-radius: 2px; -o-border-radius: 2px; 
                 border-radius: 2px; overflow: hidden; margin-right: 0; float:right;}*/

ul.breadcrumbs li { margin: 0; padding: 0 0 0 5px; 
                    font-family: 'Cairo', sans-serif;
                    float: right; list-style: none;direction: rtl; }

ul.breadcrumbs li a, ul.breadcrumbs li span { 
    text-transform: uppercase; color: #eca121; 
    font-size: 13px; 
    font-size: 1.5rem; 
    font-family: 'Cairo', sans-serif;
    padding-right: 3px; }

ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-right: 0;color: #eb7e2b; }

ul.breadcrumbs li:before { content: "/"; color: #aaa; float: right;margin-left: 3px;}
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }

table tbody tr.alt { background: #ffffff; }

table tbody tr.even { background: #f9f9f9;
                      color: #12994d; font-weight: 800; }

.ItemGallry-page table td, th {
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    padding: 10px 10px;
    text-align: center;
}

/* --------------------------------------- Table ------------------------------------------ */
table { *border-collapse: collapse; 
        /* IE7 and lower */ border-spacing: 0; width: 100%; 
        border: solid #ccc 1px; border-radius: 6px; -moz-border-radius: 6px; 
        -webkit-border-radius: 6px; box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; }
td, th { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 4px; text-align: center ; }
th { background-color: #d9edf0; background-image: -webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9)); 
     background-image: -webkit-linear-gradient(top,#ebf3fc,#dce9f9); 
     background-image: -moz-linear-gradient(top,#ebf3fc,#dce9f9); 
     background-image: -ms-linear-gradient(top,#ebf3fc,#dce9f9); 
     background-image: -o-linear-gradient(top,#ebf3fc,#dce9f9); 
     background-image: linear-gradient(top,#ebf3fc,#dce9f9); 
     box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
     -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
     -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none; text-shadow: 0 1px 0 rgba(255,255,255,.5); }

/*-------------------------------------------------*/
/* =  Sing up In Collleg Style - add by hameed
/*-------------------------------------------------*/

.maintitleCompSngup { padding: 0; margin: 0 0 15px 0; background: url(/images/separators.png) left top; line-height: 1 !important; font-size: 19px; }
.maintitleCompSngup span { 
    background: #ffffff; padding-left: 10px; 
    font-family: 'Cairo', "Times New Roman",  "Times New Roman", Times, serif; 
    text-transform: uppercase;
    font-weight: 600;
    color: #0281f2;
    line-height: 32px;
}

.CompSngupSearch { padding: 20px 15px;
margin: 35px 0 0 0; line-height: 1 !important; font-size: 19px; }
.CompSngupSearch span { 
    background: #ffffff; padding-left: 10px; 
    font-family: 'Cairo', "Times New Roman",  "Times New Roman", Times, serif; 
    text-transform: uppercase;
    font-weight: 600;
    color: #0281f2;
    line-height: 32px;
}

.CompSngupTiked { padding: 10px 15px;
margin: 5px 0 0 0; line-height: 1 !important; font-size: 19px; }
.CompSngupTiked span { 
    background: #ffffff; padding-left: 10px; 
    font-family: 'Cairo', "Times New Roman",  "Times New Roman", Times, serif; 
    text-transform: uppercase;
    font-weight: 600;
    color: #0281f2;
    line-height: 32px;
}

.text-center { text-align: center }

form { margin-bottom: 20px; 
       font: 14px 'Cairo', sans-serifHelvetica,Arial,sans-serif; color: #777; }
fieldset { margin-bottom: 20px }
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], 
  input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select { 
    background: #ffffff; border: 1px solid #ddd; padding: 3px 8px; 
    vertical-align: middle; outline: none;
     border-radius: 2px; -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; transition: border linear 0.4s,box-shadow linear 0.4s; 
    -o-transition: border linear 0.4s,box-shadow linear 0.4s; 
    -moz-transition: border linear 0.4s,box-shadow linear 0.4s; 
    -webkit-transition: border linear 0.4s,box-shadow linear 0.4s; 
    margin: 0; width: 96%; display: block; margin-bottom: 10px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid; border-color: rgba(82,168,236,0.8); color: #444; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(81,168,236,0.5); }
textarea { min-height: 120px }
input[type="checkbox"] { display: inline }
label span, legend span { font-size: 12px; color: #444; }

/* Conatct Us Form  ================================================== */

.panel-form {
    padding : 10px 10px 20px 10px;
}

.BirtOfDateControl input {
    width: 80%;
}

.BirtOfDateControl img {
    display: inline;
    float: left;
    margin-top: -40px;
    margin-left: 11%;
    cursor: pointer;
}

.BirtOfDatefield {
     width: 50%;
     margin-right: 15px;
}

.QualificationDate input {
    width: 37%;
}

.QualificationDatefield {
     width: 80%;
     margin-right: 15px;
}

.QualificationDate img {
    display: inline;
    float: left;
    margin-top: -40px;
    margin-left: 58%;
    cursor: pointer;
}

.ComptOccupation {
   padding-right:15px;
}

.ComptOccupation span {
    padding: 5px 0px 5px 35px;
    font-weight:bold;
    line-height: 30px;
}

.ComptOccupationDetail textarea { min-height: 80px;
                                  margin-right: 20px;
                                  max-width: 90%;}

.CompSpecialization span {
    padding: 5px 0px 5px 10px;
    font-weight:bold;
    line-height: 30px;
}

.controlBenefitFromComp {
    padding-bottom: 20px;
}

.controlBenefitFromComp textarea { min-height: 80px;
                                  margin-right: 15px;
                                  max-width: 96%;}



/* Competition Sing Up Form  ================================================== */

 #boxYearsOfStudy{         
        display: none; 
    }

 /*#boxStudyPercentage{         
        display: none; 
    }*/

.Competition-form {
    min-height: 500px;
    padding: 25px 15px;
    margin-top: 20px;
}

/* Search Bar */
.search-bar {
    /*margin: 4px 0px 0 4px;*/
    float: left;
    background-color: #3b4f65;
    padding: 5px 5px;
   margin-top: -27%;
   margin-left: 3px;
}

.search-bar input[type="text"] {
    float: right;
    height: auto;
    line-height: normal;
    background: #d9d9d8;
    width: 130px;
    font-size: 11px;
    padding: 2px 10px;
    border: none;
    color: #2e2e2e;
    border-radius: 0;
    margin: 0 !important;
    box-shadow: none;
    outline: none;
    direction: rtl;
}

.search-bar input[type="submit"] {
    float: right;
    background: url(/images/search-icon.png) no-repeat center center;
    border: none;
    width: 25px;
    height: 25px;
    margin-right: 10px;
     
}

/*-------------------------------------------------*/
/* =  News Roll Bar Style - add by hameed
/*-------------------------------------------------*/
#RollSection {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 80px 0 0px 0;
}

#LastNewsRoll
{
    width:100%; 
    float: right;
    /*display :inline ;
    margin: 35px 5px 6px 10px;*/
    margin-top:-28px;
    position: relative;
}

#LastNewsRoll .LstNwsRollTitl
{
    /*width:8%;*/ 
    z-index: 9;
    background-color:#c2191e;  
    float: right;
    padding: 2px 15px;
    /*margin-right: 12%;*/
    border-radius: 9px; -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; transition: border linear 0.4s,box-shadow linear 0.4s; 
    -o-transition: border linear 0.4s,box-shadow linear 0.4s; 
    -moz-transition: border linear 0.4s,box-shadow linear 0.4s; 
    -webkit-transition: border linear 0.4s,box-shadow linear 0.4s; 
    margin-top: -2.4px;
    color: #fff;
    position: absolute;
}


div.NewsRollBarStyl {
     direction: rtl;
    font-family: 'Cairo', sans-serif;
    color :#231f20;
    font-size:12.5px;
    font-weight:600;    
    text-align:center;   
    background-color:#f0f0f1;    
    padding: 1.5px 0px;
    max-width: 95%;
    float: left;
    position: absolute;
    left: 0;
}



div.NewsRollBarStyl >  h3 {
    font-family: 'Cairo', sans-serif;
    margin:0px;
    padding:2px 0px;
    line-height: 17px;   
}

div.NewsRollBarStyl > marquee > img {   
    margin:0px;
    padding:2px;
   
}

div.NewsRollBarStyl > marquee a, a.active {
    font-family: 'Cairo', sans-serif;
    color :#231f20;
    font-size:12.5px;
    font-weight:600;
    margin:0px;
    padding:0px;
    line-height: 17px;           

    text-align: center;
    border-right: 0px solid #fff;
    display: inline;
}

div.NewsRollBarStyl > marquee a:hover {
    font-family: 'Cairo', sans-serif;
    color :#ed6d00;
    font-size:12.5px;
    font-weight:600;
    margin:0px;
    padding:0px;
    line-height: 17px;           
    text-decoration:underline ; 
    text-align: center;
    border-right: 0px solid #fff;
    display: inline;
}

/*-------------------------------------------------*/
/* =  News List Bage Row - add by hameed
/*-------------------------------------------------*/
#k2Container {
    padding: 0 2px 24px 0;
}

#k2Container .itemList .itemContainer:first-child .catItemView {
    padding-top: 0;
    border-top: none;
    box-shadow: none;
}

#k2Container .itemList .itemContainer .catItemView {
    padding: 30px 15px;
    border-top: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
}

#k2Container .itemList .itemContainer .catItemView h3.catItemTitle {
    direction: rtl;
    text-align: right;
    font-size: 121.4%;
    margin: 0px 0px 5px 5px;
     display: inline-block;
    
}

#k2Container .itemList .itemContainer .catItemView h3.catItemTitle a {
    color: #57dc63;
    text-align: right;
    font-size: 15px;
    margin: 0px 0px 5px 5px;
    line-height: 25px;
    font-weight: 600;
    float: right;
    
}

#k2Container .itemList .itemContainer .catItemView h3.catItemTitle a:hover {
    color: #555;
    text-decoration:underline;
}

#k2Container .itemList .itemContainer .catItemView .catItemHeader {
    margin:  0px;
    overflow: hidden;
}

#k2Container .itemList .itemContainer .catItemView .catItemHeader dl.article-info {
    margin: 0;
}

#k2Container .itemList .itemContainer .catItemView .catItemHeader dl.article-info dd {
    display: inline-block;
    font-size: 89%;
    line-height: 24px;
    margin: 0;
    color: #999;
    float: none;
}

#k2Container .itemList .itemContainer .catItemView .catItemImageBlock {
    padding: 0px 5px 0px 0px;
    margin: 0 0 15px 0;
    max-width: 40%;
}

#k2Container .itemList .itemContainer .catItemView .catItemImageBlock .catItemImage {
    background: url(/images/loading.gif) no-repeat center center #E6E6E6;
    margin: 0 5px 0 20px;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
    overflow: hidden;
}

#k2Container .itemList .itemContainer .catItemView .catItemImageBlock .catNewsItemImage {
    background: url(/images/loading.gif) no-repeat center center #E6E6E6;
    margin: 0 5px 0 20px;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
    overflow: hidden;
}

span.catNewsItemImage {
    display: block;    
}


#k2Container .itemList .itemContainer .catItemView .catItemImageBlock .catNewsItemImage img {
    border: 1px solid #ccc;
    padding: 6px;
}


span.catItemImage {
    display: block;    
}

#k2Container .itemList .itemContainer .catItemView .catItemImageBlock .catItemImage img {
    border: 1px solid #ccc;
    padding: 8px;
}

#k2Container .itemList .itemContainer .catItemView .catItemBody {
    padding: 0;
    overflow: hidden;
    line-height: 24px;
}

#k2Container .itemList .itemContainer .catItemView .catItemBody p {
    direction: rtl;
    text-align: justify;
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
    color: #535353;
    font-weight: bold;
    line-height: 23px;
}

div.catItemBody {padding:8px 0;margin:0;padding-bottom: 20px !important;}

#k2Container .itemList .itemContainer .catItemView .catItemNavi {
    direction: rtl;
    clear: both;
    display: block;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

#k2Container .itemList .itemContainer .catItemView .catItemNavi > div {
    padding: 10px 15px;
    border: none;
    border-right: 1px solid #e5e5e5;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}


#k2Container .itemList .itemContainer .catItemView .catItemBody a.readmore .ico-arrow-right {
    width: 15px;
    height: 15px;
    background: url(/images/arrow-left.png) no-repeat 2px 3px;
    font-size: 17px;
    border: 1px solid #0fa300;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    float: left;
    margin-right: 4px;
    margin-top: 5px;
}

#k2Container .itemList .itemContainer .catItemView .catItemBody a.readmore:hover .ico-arrow-right {
    width: 15px;
    height: 15px;
    background: url(/images/arrow-left.png) no-repeat -19px 3px;
    font-size: 17px;
    border: 1px solid #0fa300;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

#k2Container .itemList .itemContainer .catItemView .catItemBody a.readmore {
    color: #0fa300;    
    font-size: 12px;
    direction: ltr;
    font-weight: bold;
    text-align: left;
    line-height: inherit;
    padding: 0px;
    margin: 0px 0px 5px 0px;     
    display:block;
    font-family: 'Cairo', sans-serif; 
}

#k2Container .itemList .itemContainer .catItemView .catItemBody a.readmore:hover {
    color: #555; 
    /*text-decoration:underline;*/
}

.clr {
    clear: both;
    height: 0;
    line-height: 0;
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    border: none;
}



/* --- Rating --- */
.itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}
.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
div.itemRatingForm .formLogLoading {background:url(/images/system/loading.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:transparent url(/images/system/transparent_star.gif) left -1000px repeat-x;}
.itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
.itemRatingList li {display:inline;background:none;padding:0;}
.itemRatingList a,
.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
.itemRatingList a:hover {background-position:left bottom;}
.itemRatingList a.one-star {width:20%;z-index:6;}
.itemRatingList a.two-stars {width:40%;z-index:5;}
.itemRatingList a.three-stars {width:60%;z-index:4;}
.itemRatingList a.four-stars {width:80%;z-index:3;}
.itemRatingList a.five-stars {width:100%;z-index:2;}
.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}
span.siteRoot {display:none;}

/* --- Primary lists in modules --- */
div.k2LatestCommentsBlock ul,
div.k2TopCommentersBlock ul,
div.k2ItemsBlock ul,
div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions,
div.k2UserBlock ul.k2UserBlockRenderedMenu,
div.k2ArchivesBlock ul,
div.k2AuthorsListBlock ul,
div.k2CategoriesListBlock ul,
div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/

div.k2LatestCommentsBlock ul li,
div.k2TopCommentersBlock ul li,
div.k2ItemsBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockRenderedMenu li,
div.k2ArchivesBlock ul li,
div.k2AuthorsListBlock ul li,
div.k2CategoriesListBlock ul li,
div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/

.clearList {display:none;float:none;clear:both;} /* this class is used to clear all previous floating list elements */
.lastItem {border:none;} /* class appended on last list item */


/* --- Item groups --- */
div.itemList { direction:rtl; width: 101%; margin-left: -5px;}
	div#itemListLeading {}
	div#itemListPrimary {}
	div#itemListSecondary {}
	div#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;}

div.itemContainer {float: right;width: 100%;}
		div.itemContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */

/* --- Item block for each item group --- */
div.catItemView {padding:4px;} /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */

	/* Additional class appended to the element above for further styling per group item */
	div.groupLeading {}
	div.groupPrimary {}
	div.groupSecondary {}
	div.groupLinks {padding:0;margin:0;}


    /*-------------------------------------------------*/
/* =  Pagenation
/*-------------------------------------------------*/
.pagenation {
    border-top: 1px solid #e4e4e4;
    padding: 20px 0 0 0; 
    margin: 10px 0 30px 0;
}

.pagenation li {
    float: left;
    background: #57dc63;
    margin-left: 4px;
    border-radius: 3px;
    padding: 5px;
}

.pagenation li.active {
    background: #3aa88b;
}

.pagenation li:first-child {
    margin-left: 0;
}

.pagenation li a {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 10px !important;
    margin: 0 !important;
    line-height: 17px;
}

.pagenation li:not(.active):hover {
    opacity: 0.90;
    -moz-opacity: 0.90;
    filter:alpha(opacity=90);
}

div.content-News-notFound {
    direction: rtl;
    font-family: 'Cairo', sans-serif;
    margin: 30px 10px 10px 10px;
    line-height: 17px;
    text-align: center;
}

div.content-News-notFound > h2 {
    direction: rtl;
    font-family: 'Cairo', sans-serif;
    margin: 5px;
    line-height: 1.7;
    text-align: center;
}

div.content-News-notFound > h2 > u {
    direction: rtl;
    font-family: 'Cairo', sans-serif;    
    color:#18adb4;
}

/*Start Section Read More Link to hear*/ 
.readmoreNewsItms {    
    padding-left: 0px;
    margin-top: -7px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    float: left;
    direction: rtl;
    font-weight: bold;
}


 a.readmoreNewsItms .ico-arrow-right {
    width: 15px;
    height: 15px;
    background: url(/images/arrow-left.png) no-repeat 2px 3px;
    font-size: 17px;
    border: 1px solid #18adb4;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    float: left;
    margin-right: 4px;
    margin-top: 5px;
}

 a.readmoreNewsItms:hover .ico-arrow-right {
    width: 15px;
    height: 15px;
    background: url(/images/arrow-left.png) no-repeat -19px 3px;
    font-size: 17px;
    border: 1px solid #909094;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

 a.readmoreNewsItms {
     color: #18adb4;
     float:left ;
}

 a.readmoreNewsItms:hover {
     color: #494949;
     text-decoration:underline ;
}

/*End Section Read More Link to hear*/ 

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}


/*------------------------------------------------------------------
    HEADER
-------------------------------------------------------------------*/

#testimonials { position: relative; z-index: 0; }
.testimonial h6 { line-height: 0; margin-top: 5px; }


/*------------------------------------------------------------------
    HEADER
-------------------------------------------------------------------*/

.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
    position: static; 
}

.megamenu .container-fluid {
    position: relative;
}

.megamenu .dropdown-menu {
    left: auto;
}

.megamenu .megamenu-content {
    padding: 20px 30px;
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.megamenu .list-unstyled {
    min-width: 200px;
}

.header_style_01 {
    background-color: rgba(255, 255, 255, 0.1);
    display: block;
    left: 0;
    padding: 5px 25px !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 111;
}

.header_style_01 .navbar-default {
    background-color: transparent;
    border: 0;
}

.header_style_01 .navbar,
.header_style_01 .navbar-nav,
.header_style_01 .navbar-default,
.header_style_01 .nav {
    margin-bottom: 0 !important;
}

.header_style_01 .navbar-brand {
    padding: 2px 15px 0 15px;
}

.header_style_01 .navbar-default .navbar-nav > li > a {
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    text-transform: capitalize;
    background-color: transparent;
}

.header_style_01 .navbar-default .navbar-nav > li a {
    background-color: transparent !important;
}

.header_style_01 .navbar-default .navbar-nav > li a::after {
    content: '';
    width: 0;
    height: 15%;
    background: #076799;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: -1;
}

.header_style_01 .navbar-default .navbar-nav > li a.active::after{
	width: 100%;
}

.header_style_01 .navbar-default .navbar-nav > li a.active{
	color: #f44336;
}

.header_style_01 .navbar-default .navbar-nav > li:hover a,
.header_style_01 .navbar-default .navbar-nav > li:focus a {
    
}

.header_style_01 .navbar-right > li {
    /*margin-top: 2px;*/
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header_style_01 .nav > li > a {
    padding: 9px 0px;
	margin: 0px 15px;
}

li.social-links {
    margin: 0 8px;
}

li.social-links a {
    padding: 13px 0 !important;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav span {
    font-size: 24px;
    position: absolute;
    right: 2px;
    top: 13px;
}



.fixed-menu .navbar-default{
	position: fixed;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	background: #2159a7;
	z-index: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.fixed-menu .navbar-default{
	padding: 15px 0px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
	border-radius: 0;
}

/*------------------------------------------------------------------
    SECTIONS
-------------------------------------------------------------------*/

.camera_wrap {
    float: none;
}

#main-banner.camera_wrap .camera_pag .camera_pag_ul {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 9;
    bottom: 20px;
    text-align: center;
}

#main-banner.camera_wrap .camera_pag .camera_pag_ul li {
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    margin: 0 5px;
}

#main-banner.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{
	background: #f44336;
}

#main-banner.camera_wrap .camera_pag .camera_pag_ul li span {
    display: none;
}

#main-banner .camera_caption {
    height: 100%;
}

#main-banner .camera_caption > div {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-shadow: none;
    left: 0;
    padding: 0;
}

#main-banner .camera_caption::before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

#main-banner .container {
    position: relative;
    z-index: 1;
    top: 60%;
    margin-top: 70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-banner h6 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

#main-banner h1 {
    color: #fff;
    margin: 0px;
	font-size: 40px;
	font-weight: 700;
    line-height: 70px !important;
	
}

#main-banner p {
    color: #ffffff;
    margin-bottom: 30px;
	font-size: 18px;
    padding: 10px 20px;
    font-weight: normal;
    text-transform: uppercase;
}

.parallax {
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    padding: 120px 0;
    position: relative;
    width: 100%;
}

.parallax.parallax-off {
    background-attachment: scroll !important;
    display: block;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    background-position: center center;
    vertical-align: sub;
    width: 100%;
    z-index: 2;
}

.no-scroll-xy {
    overflow: hidden !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.section {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 70px 0 30px 0;
}

.noover {
    overflow: visible;
}

.noover .btn-dark {
    border: 0 !important;
}

.nopad {
    padding: 0;
}

.nopadtop {
    padding-top: 0;
}

.section.wb {
    background-color: #ffffff;
}

.section.lb {
    background-color: #f2f3f5;
}

.section.db {
    background-color: #111111;
}

.section.color1 {
    background-color: #448AFF;
}

.first-section {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 16em 0 13em;
}

.first-section h2 {
    color: #ffffff;
    font-size: 68px;
    font-weight: 300;
    text-transform: capitalize;
    display: block;
    margin: 0;
    padding: 0 0 30px;
    position: relative;
}

.first-section .lead {
    font-size: 21px;
    font-weight: 300;
    padding: 0 0 40px;
    margin: 0;
    line-height: inherit;
    color: #ffffff;
}

.macbookright {
    width: 980px;
    position: absolute;
    right: -15%;
    bottom: -6%;
}

.section-title {
    display: block;
    position: relative;
    margin-bottom: 60px;
}

.section-title p {
    color: #12994d;
    font-weight: 800;
    font-size: 18px;
    line-height: 33px;
    margin: 0;
}

.section-title h3 {
    font-size: 42px;
    font-weight: 300;
    line-height: 62px;
    margin: 0 0 25px;
    padding: 0;
    text-transform: none;
}

.section.colorsection p,
.section.colorsection h3,
.section.db h3 {
    color: #ffffff;
}


/*------------------------------------------------------------------
    PORTFOLIO
-------------------------------------------------------------------*/

.item-h2,
.item-h1 {
    height: 100% !important;
    height: auto !important;
}

.isotope-item {
    z-index: 2;
    padding: 0;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.portfolio-filter ul {
    padding: 0;
    z-index: 2;
    display: block;
    position: relative;
    margin: 0;
}

.portfolio-filter ul li {
    border-radius: 0;
    display: inline-block;
    margin: 0 5px 0 0;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

.portfolio-filter ul li:last-child:after {
    content: "";
}

.portfolio-filter ul li .btn-dark {
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #e6e7e6 !important;
    color: #1f1f1f;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 30px;
}

.da-thumbs {
    list-style: none;
    position: relative;
    padding: 0;
}

.da-thumbs .pitem {
    margin: 0;
    padding: 15px;
    position: relative;
}

.da-thumbs .pitem a,
.da-thumbs .pitem a img {
    display: block;
    position: relative;
}

.da-thumbs .pitem a {
    overflow: hidden;
}

.da-thumbs .pitem a div {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.da-thumbs .pitem a div h3 {
    display: block;
    color: #ffffff;
    font-size: 20px;
    padding: 30px 15px;
    text-transform: capitalize;
    font-weight: normal;
}

.da-thumbs .pitem a div h3 small {
    display: block;
    color: #ffffff;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 300;
}

.da-thumbs .pitem a div i {
    background-color: #1f1f1f;
    position: absolute;
    color: #ffffff !important;
    bottom: 0;
    font-size: 15px;
    z-index: 12;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}


/*------------------------------------------------------------------
    TESTIMONIALS
-------------------------------------------------------------------*/

.logos img {
    margin: auto;
    display: block;
    text-align: center;
    width: 100%;
    opacity: 0.3;
}

.logos img:hover {
    opacity: 0.5;
}

.desc h3 i {
    color: #2f2f2f;
    font-size: 37px;
    vertical-align: middle;
    margin-right: 12px;
}

.desc {
    padding: 30px;
    position: relative;
    background: #000;
    border: 1px solid #111111;
}

.testi-meta {
    display: block;
    margin-top: 20px;
}

.testimonial h4 {
    font-size: 18px;
    color: #ffffff;
    padding: 13px 0 0;
}

.testimonial img {
    max-width: 55px;
}

.testimonial small {
    margin-top: 7px;
    font-size: 16px;
    display: block;
}

.testimonial {
    background-color: transparent;
}

.testimonial h3 {
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: 300;
}

.testimonial small,
.testimonial .lead {
    background-color: transparent;
    color: #aaa;
    display: block;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    margin: 0;
    padding: 0;
    position: relative;
}

.testimonial p:after {
    display: none;
}


/*------------------------------------------------------------------
    PRICING TABLES
-------------------------------------------------------------------*/

.pricing-table {
    margin: 50px 0 0 0;
    background: #fff;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
}

.pricing-table i {
    width: 30px;
    color: #c2c2c2;
    display: inline-block;
    margin-right: 10px;
    padding-right: 5px;
    border-right: 1px solid #ececec;
}

.pricing-table .btn-dark {
    padding: 10px 24px;
    font-size: 15px;
}

.pricing-table strong {
    font-weight: 600;
    margin-right: 6px;
    color: #1f1f1f;
}

.pricing-table-header {
    padding: 30px 0 25px 0;
    background: #ffffff;
}

.pricing-table-header h2 {
    font-size: 31px;
    margin: 0;
    padding: 0;
    font-weight: 300;
}

.pricing-table-header h3 {
    font-size: 15px;
    font-weight: 600;
    color: #aaaaaa;
    margin-top: 10px;
    text-transform: uppercase;
}

.pricing-table-space {
    height: 10px;
}

.pricing-table-text {
    margin: 15px 30px 0 30px;
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #ececec;
    font-weight: 300;
    line-height: 30px;
    color: #c2c2c2;
    font-size: 16px;
}

.pricing-table-text p {
    font-weight: 400;
}

.pricing-table-features {
    margin: 15px 30px 0 30px;
    padding: 0 10px 15px 30px;
    border-bottom: 1px solid #ececec;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    color: #c2c2c2;
}

.pricing-table-highlighted h3,
.pricing-table-highlighted h2 {
    color: #ffffff !important;
}

.pricing-table-sign-up {
    margin-top: 25px;
    padding-bottom: 30px;
}


/* Highlighted table */

.pricing-table-highlighted {
    margin-top: 0;
}

.m130 {
    margin-top: 130px;
}

.nav-pills {
    border: 1px solid #e1e1e1;
}

.nav-pills > li {
    width: 50%;
    padding: 10px;
    float: left;
    margin: 0 !important;
}

.nav-pills > li > a {
    margin: 0!important;
    text-align: center;
    background-color: #f4f4f4;
}


/*------------------------------------------------------------------
    ICON BOXES
-------------------------------------------------------------------*/

.icon-wrapper {
    position: relative;
    cursor: pointer;
    display: block;
    z-index: 1;
}

.icon-wrapper i {
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    font-size: 28px;
    background-color: #f2f3f5;
    color: #1f1f1f;
    margin-top: 0;
}

.small-icons.icon-wrapper:hover i,
.small-icons.icon-wrapper:hover i:hover,
.small-icons.icon-wrapper i {
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 0 !important;
    color: #e3e3e3 !important;
    background-color: transparent !important;
    background: none !important;
    margin-right: 10px !important;
    vertical-align: middle;
    font-size: 24px !important;
}

.small-icons.icon-wrapper h3 {
    font-size: 18px;
    padding-bottom: 5px;
}

.small-icons.icon-wrapper p {
    padding: 0;
    margin: 0;
}

.icon-wrapper h3 {
    font-size: 21px;
    padding: 0 0 15px;
    margin: 0;
}

.icon-wrapper p {
    margin-bottom: 0;
    padding-left: 95px;
}

.icon-wrapper p small {
    display: block;
    color: #999;
    margin-top: 10px;
    text-transform: none;
    font-weight: 600;
    font-size: 16px;
}

.icon-wrapper p small:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 5px;
    font-size: 11px;
}

.effect-1 {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
}

.effect-1:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.effect-1 {
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.effect-1:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 2px #2750ff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

.effect-1:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.effect-1:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.effect-1:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/*------------------------------------------------------------------
    MESSAGE BOXES
-------------------------------------------------------------------*/

.event_dit{
	margin-top: 20px;
}
.event_dit ul {
	float: left;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 0px;
	position: relative;
	line-height: 12px;
}
.event_dit ul li{
	float: left;
	position: relative;
}

.event_dit ul li a{
	padding: 0px 5px;
	font-size: 14px;
	line-height: 25px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.event_dit ul li a:hover{
	color: #f44336;
}

.service-widget h3 {
    font-size: 21px;
    color: #ffffff;
    padding: 20px 0 12px;
    margin: 0;
}
.participate-wrapAdvr figure{
	overflow: hidden;
	position: relative;
}

.participate-wrapAdvr figure::before{
	background-color: #f44336;
	content: "";
	position: absolute;
	border-radius: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	width: 0px;
	height: 0px;
	opacity: 0.7;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.participate-wrap figure{
	overflow: hidden;
	position: relative;
}
.participate-wrap figure::before{
	background-color: #f44336;
	content: "";
	position: absolute;
	border-radius: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	width: 0px;
	height: 0px;
	opacity: 0.7;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.participate-wrap figure figcaption{
	position: absolute;
	width: 100%;
	top: 0px;
	text-align: center;
	margin-top: -20px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.participate-wrapAdvr figure figcaption{
	position: absolute;
	width: 100%;
	top: 0px;
	text-align: center;
	margin-top: -20px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.participate-wrap figure figcaption .global-radius{
	background: #ffffff;
	width: 38px;
	height: 38px;
	display: inline-block;
	text-align: center;
	line-height: 38px;
}

.participate-wrapAdvr figure figcaption .global-radius{
	background: #ffffff;
	width: 38px;
	height: 38px;
	display: inline-block;
	text-align: center;
	line-height: 38px;
}
.participate-wrap:hover figure::before{
	width: 100%;
	height: 100%;
	border-radius: 0px;
}

.participate-wrapAdvr:hover figure::before{
	width: 100%;
	height: 100%;
	border-radius: 0px;
}

.participate-wrap:hover figure figcaption {
	top: 50%;
	opacity: 1;
}

.participate-wrapAdvr:hover figure figcaption {
	top: 50%;
	opacity: 1;
}
.service-widget h3 a,
.section.wb .service-widget h3,
.section.lb .service-widget h3 {
    color: #1f1f1f;
}

.service-widget p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.message-box h4 {
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 5px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 17px;
    color: #999;
}

.message-box h2 {
    font-size: 30px;
    font-weight: 300;
    padding: 0 0 10px;
    margin: 0;
    line-height: 62px;
    margin-top: 0;
    text-transform: none;
}

.message-box p {
    margin-bottom: 20px;
}

.message-box .lead {
    padding-top: 10px;
	font-size: 16px;
	font-style: italic;
	color: #c2191e;
    font-weight :bolder ;
	padding-bottom: 10px;
	padding-left: 15px;
}

.post-media {
    position: relative;
}

.post-media img {
    width: 100%;
}

.post-media_pp{
	overflow: hidden;
	position: relative;
}

.service-widget{
	margin-bottom: 30px;
}

.hover-up{
	background: #076799;
}

.service-widget .post-media_pp .hover-up{
	padding: 30px;
	position: absolute;
	left: 110%;
	width: 100%;
	top: 0;
	height: 100%;
	transition: all .35s ease-in-out;
	opacity: 0;
}
.service-widget .post-media_pp:hover .hover-up{
	opacity: 1;
	left: 0;
}

.section.wb .hover-up h3{
	font-size: 32px;
	color: #ffffff;
}

.section.wb .hover-up p{
	color: #cccccc;
}

.playbutton {
    position: absolute;
    color: #ffffff !important;
    top: 40%;
    font-size: 60px;
    z-index: 12;
    left: 0;
    right: 0;
    text-align: center;
    margin: -20px auto;
}

.hoverbutton {
    background-color: #f44336;
    position: absolute;
    color: #ffffff !important;
    top: 70%;
    font-size: 21px;
    z-index: 12;
    left: 0;
    opacity: 0;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: -20px auto;
}

.service-widget:hover .hoverbutton {
    opacity: 1;
}

hr.hr1 {
    position: relative;
    margin: 30px 0;
    border: 1px dashed #f2f3f5;
}

hr.hr2 {
    position: relative;
    margin: 17px 0;
    border: 1px dashed #f2f3f5;
}

hr.hr3 {
    position: relative;
    margin: 25px 0 30px 0;
    border: 1px dashed #f2f3f5;
}

hr.invis {
    border-color: transparent;
}

hr.invis1 {
    margin: 10px 0;
    border-color: transparent;
}

.section.parallax hr.hr1 {
    border-color: rgba(255, 255, 255, 0.1);
}

.sep1 {
    display: block;
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    bottom: -20px;
    left: 50%;
    margin-left: -14px;
    background-color: #1f1f1f;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}

.sep2 {
    display: block;
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    top: -20px;
    left: 50%;
    margin-left: -14px;
    background-color: #1f1f1f;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}


/* Divider Styles */

.divider-wrapper {
    width: 100%;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
    height: 540px;
    margin: 0 auto;
    position: relative;
}

.divider-wrapper:hover {
    cursor: none;
}

.divider-bar {
    position: absolute;
    width: 10px;
    left: 50%;
    top: -10px;
    bottom: -15px;
}

.code-wrapper {
    border: 1px solid #ffffff;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    background: url("uploads/code.jpg") no-repeat;
}

.design-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.design-image {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url("uploads/design.jpg") no-repeat;
}

.filter-button-group{
	border: 1px solid #e4e4e4;
	border-radius: 30px;
	margin: 10px 15px;
	display: inline-block;
	float: right;
}

.filter-button-group button.active{
	background: #f44336;
	color: #fff;
	box-shadow: 2px 20px 45px 5px rgba(0,0,0,.2);	
}

.filter-button-group button{
	color: #333;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	background: #fff;
	padding: 12px 40px;
	border: none;
	border-radius: 30px;
}


.gallery-single{
	margin: 30px 15px;;
}

.gallery-single {
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}

.gallery-list .img-overlay {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: rgba(244, 67, 54, 0.80);
    color: #35424C;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 2;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.gallery-list .gallery-single:hover .img-overlay {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.gallery-list .gallery-single:hover .img-overlay .hoverbutton{
	opacity: 1;
	top: 50%;
}


.post-box .date{
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 15px;
	background: #076799;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
}

.post-thumb{
	position: relative;
}

.post-box{
	-webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
	box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
	background: #ffffff;
}

.post-box:hover .post-thumb::before{
	opacity: .6;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}


.post-box .post-thumb::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(244, 67, 54, 0.80);
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}

.post-info{
	padding: 0 5px 40px 5px;
	background: #ffffff;
	text-align: center;
	margin-top: 40px;
}

.post-info h4{
	font-size: 22px;
	font-weight: 600;
}

.post-info ul{
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
.post-info ul li{
	display: inline-block;
	text-align: center;
}


/*------------------------------------------------------------------
    FEATURES
-------------------------------------------------------------------*/

.customwidget h1 {
    font-size: 44px;
    color: #ffffff;
    padding: 15px 0 25px;
    margin: 0;
    line-height: 1 !important;
    font-weight: 300;
}

.customwidget ul {
    padding: 0;
    display: block;
    margin-bottom: 30px;
}

.customwidget li i {
    margin-right: 5px;
}

.customwidget li {
    color: #ffffff;
    margin-right: 10px;
}

.image-center img {
    position: relative;
    margin: 0 0 -208px;
    z-index: 10;
    padding-right: 30px;
    text-align: center;
}

.customwidget p {
    font-style: italic;
    font-size: 18px;
    padding: 0 0 10px;
}

.img-center img {
    width: 100%;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
}

.img-center {
    margin: auto;
}

#features li p {
    margin-bottom: 0;
    padding-bottom: 0;
}

#features li {
    display: table;
    width: 100%;
    margin: 35px 0;
    cursor: pointer;
}

.features-left,
.features-right {
    padding: 0 10px;
}

.features-right li:last-child,
.features-left li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0 !important;
}

.features-right li i,
.features-left li i {
    width: 68px;
    height: 68px;
    line-height: 68px;
    display: table;
    border-radius: 50%;
    font-size: 26px;
    background-color: #f2f3f5;
    margin: 0 auto 22px;
    position: relative;
    text-align: center;
    z-index: 55;
    transition: .4s;
    padding: 0;
}

#features i img {
    display: table;
    margin: 0 auto;
}

.features-left li i:before,
.features-right li i:before {
    text-align: center;
}

.features-right li i .ico-current,
.features-left li i .ico-current {
    opacity: 1;
    transition: .4s;
    visibility: visible;
}

.features-right li i .ico-hover,
.features-left li i .ico-hover {
    opacity: 0;
    transition: .4s;
    visibility: hidden;
    top: 19px;
}

.features-right li:hover .ico-current,
.features-left li:hover .ico-current {
    opacity: 0;
    transition: .4s;
    visibility: hidden;
}

.features-right li:hover .ico-hover,
.features-left li:hover .ico-hover {
    opacity: 1;
    transition: .4s;
    visibility: visible;
}

.features-right i {
    float: left;
}

.fr-inner {
    margin-left: 90px;
}

.features-left i {
    float: right;
}

.fl-inner {
    text-align: right;
    margin-right: 90px;
}

#features h4 {
    text-transform: capitalize;
    margin: 0;
    font-size: 19px;
}


/*------------------------------------------------------------------
    CONTACT
-------------------------------------------------------------------*/

.bootstrap-select {
    width: 100% \0;
    /*IE9 and below*/
}

.bootstrap-select > .dropdown-toggle {
    width: 100%;
    padding-right: 25px;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .fa-angle-down {
    position: absolute;
    top: 30% !important;
    right: -5px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    border: 1px solid #ededed;
    box-shadow: none;
    box-sizing: border-box;
    min-width: 100%;
    padding: 20px 10px;
    z-index: 1035;
}

.dropdown-menu > li > a {
    background-color: transparent !important;
    color: #bcbcbc !important;
    font-size: 15px;
    padding: 10px 20px;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: 4px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
    z-index: 1036;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
}

select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

select.mobile-device {
    position: absolute !important;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}


/*# sourceMappingURL=bootstrap-select.css.map */

.bootstrap-select > .btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 15px;
    height: 33px;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0;
    width: 100%;
    color: #bcbcbc !important;
}

.contact_form {
    border: 1px solid #ededed;
    box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
    background-color: #f2f3f5;
    padding: 40px 30px;
}

.contact_form .form-control {
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    color: #bcbcbc;
    font-size: 16px;
    outline: 0 none;
    padding: 10px 25px;
    height: 55px;
    resize: none;
    box-shadow: none !important;
    width: 100%;
}

.contact_form textarea {
    color: #bcbcbc;
    padding: 20px 25px !important;
    height: 160px !important;
}

.contact_form .form-control::-webkit-input-placeholder {
    color: #bcbcbc;
}

.contact_form .form-control::-moz-placeholder {
    opacity: 1;
    color: #bcbcbc;
}

.contact_form .form-control::-ms-input-placeholder {
    color: #bcbcbc;
}

#contact {
    background: url(images/bg.png) no-repeat center center #fff;
}


/*------------------------------------------------------------------
    FOOTER
-------------------------------------------------------------------*/

.cac {
    background-color: #232323;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cac:hover a h3 {
    color: #fff !important;
}

.cac a h3 {
    color: #999;
}

.cac h3 {
    padding: 60px 0;
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    text-transform: capitalize;
    line-height: !important;
}

.footer {
    padding: 90px 0 80px !important;
    color: #999;
    background-color: #1f1f1f;
}

.footer .widget-title {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.footer .widget-title small {
    color: #999;
    display: block;
    padding: 0 58px;
    text-transform: uppercase;
}

.footer .widget-title h3 {
    color: #fff;
    font-weight: 300;
    font-size: 21px;
    padding: 0;
    margin: 0;
    line-height: 1 !important;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links a {
    color: #999;
}

.footer-links a:hover,
.footer a:hover {
    color: #f44336 !important;
}

.footer-links li {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    padding-bottom: 10px;
}

.twitter-widget li {
    margin-bottom: 0;
    border: 0 !important;
}

.twitter-widget li i {
    border-right: 0 !important;
    margin-right: 0;
}

.footer-links li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}

.footer-links i {
    display: inline-block;
    width: 25px;
    margin-right: 10px;
    border-right: 1px dashed rgba(255, 255, 255, 0.1);
}

.copyrights {
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    background-color: #1f1f1f;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    padding: 50px 60px;
    overflow: hidden;
}


/* Footer left */

.footer-distributed .footer-left {
    float:  right ;
}

.footer-distributed .footer-links {
    margin: 0 0 10px;
    text-transform: uppercase;
    padding: 0;
}

.footer-distributed .footer-links a {
    display: inline-block;
    line-height: 1.8;
    margin: 0 10px 0 10px;
    text-decoration: none;
}

.footer-distributed .footer-company-name {
     float: left;
    font-weight: 300;
    margin: 0 10px;
    color: #666;
    padding: 0;
}


/* Footer right */

.footer-distributed .footer-right {
    float: right;
}


/* The search form */

.footer-distributed form {
    position: relative;
}

.footer-distributed form input {
    display: block;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #181818;
    border: none;
    font: inherit;
    font-size: 15px;
    font-weight: normal;
    color: #999;
    width: 400px;
    padding: 18px 50px 18px 18px;
}

.footer-distributed form input:focus {
    outline: none;
}


/* Changing the placeholder color */

.footer-distributed form input::-webkit-input-placeholder {
    color: #999;
}

.footer-distributed form input::-moz-placeholder {
    opacity: 1;
    color: #999;
}

.footer-distributed form input:-ms-input-placeholder {
    color: #999;
}


/* The magnify glass icon */

.footer-distributed form i {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 16px;
    right: 18px;
    color: #999;
    font-size: 18px;
    margin-top: 6px;
}

.footer-distributed .footer-company-name a{
	color: #ffffff;
}

.footer-distributed .footer-company-name a:hover{
	color: #f44336;
}

/*------------------------------------------------------------------
    MISC
-------------------------------------------------------------------*/

.dmtop.show {
    bottom: 50px;
}

.progress {
    background-color: #f2f3f5;
    border-radius: 0;
    box-shadow: none;
    height: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.skills h3 {
    color: #999999;
    font-size: 15px;
}

.dmtop {
    background-color: #3C3D41;
    z-index: 100;
    width: 50px;
    height: 50px;
    line-height: 47px;
    position: fixed;
    bottom: -100px;
    border-radius: 3px;
    right: 50px;
    text-align: center;
    font-size: 28px;
    color: #ffffff !important;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.icon_wrap {
    background-color: #1f1f1f;
    width: 100px;
    height: 100px;
    display: block;
    line-height: 100px;
    font-size: 34px;
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
    padding: 0 !important;
    border: 0 !important;
}

.stat-wrap h3 {
    font-size: 18px;
    font-weight: 400;
    color: #999 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important:
}

.stat-wrap p {
    font-size: 38px;
    color: #ffffff;
    margin: 0;
    font-weight: 300;
    padding: 4px 0 0;
    line-height: 1 !important:
}

#preloader {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #076799;
    z-index: 11000;
    position: fixed;
    display: block
}


#main-ld {
  width: 70px;
  height: 35px;
  overflow: hidden;
  position: absolute;
  top: calc(50% - 17px);
  left: calc(50% - 35px);
}
#loader {
  width: 70px;
  height: 70px;
  border-style: solid;
  border-top-color: #FFF;
  border-right-color: #FFF;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotate 3s ease-in-out infinite;
  transform: rotate(-200deg)
}
@keyframes rotate {
  0% { border-width: 10px; }
  25% { border-width: 3px; }
  50% { 
    transform: rotate(115deg); 
    border-width: 10px;
  }
  75% { border-width: 3px;}
  100% { border-width: 10px;}
}
/*------------------------------------------------------------------
    Page rightsidebar Style
-------------------------------------------------------------------*/

.rightsidebar { margin-left: 5% }

.rightsidebar img { text-align:center ;
                    width:100%;
}

.stresstitle { 
    border-bottom: #0E8FAB 1px solid; 
    display: inline; padding-bottom: 10px;                                         
                font-family: 'Cairo', sans-serif;
font-size: 15px;
font-weight: bolder;
color: #12994d;
text-align: right;
padding: 8px 5px 5px 0px;
}

.hrtitle { border: solid #eee; border-width: 1px 0 0; clear: both; margin: 1px 0px 15px; height: 0; }

.teamdescription { color: #111; 
                   text-align: center; 
                   padding-bottom: 10px; 
                   font-size: 13px; 
                   padding-top: 5px; border: 1px solid #eee; 
                   border-bottom: medium double #ddd; }
.teamdescription h1 { font-size: 15px; line-height: 0; 
                      font-weight: bold; font-family:  'Cairo', "Times New Roman", "Times New Roman", Times, serif; 
                      border-bottom: 1px solid #e9e9e9; padding-bottom: 13px; padding-top: 10px;
                      margin-left: 5px; margin-right: 5px; }

/*-------------------------------------------------*/
/* =  Video Widget
/*-------------------------------------------------*/
li.widget_video iframe {
    width: 100%;
}

/*-------------------------------------------------*/
/* =  Multie Row Block Widget
/*-------------------------------------------------*/

.widget_Block-Mult_Row  {
    display: block;
    padding-top:25px; 
}

.widget_Block-Mult_Row > div {
    clear: both;
}

.widget_Block-Mult_Row > div > ul {
    margin: 5px 0px 0px 0px;
}


.widget_Block-Mult_Row > div li:first-child {
    border-top: 1px solid #d8d8d8;
}

.widget_Block-Mult_Row > div > ul > li:last-child {   
    padding-bottom:20px; 
}

.widget_Block-Mult_Row > div li {
    overflow: hidden;
    padding: 6px 7px 6px 7px;
    border: 1px solid #d8d8d8;
    border-top: none;
    background: #fff;
}

.widget_Block-Mult_Row > div li > a {
    display: block;
}

.widget_Block-Mult_Row img {
    float: right;
    width: 65px;
    height: 55px;
    margin-left: 14px;
}

.widget_Block-Mult_Row > div h3 {
    font-family: 'Cairo', sans-serif;
    margin: 0 0 2px 0px;
    line-height: 17px;
    max-height: 38px;
    overflow: hidden;
    text-align: right;
    direction: rtl;
}

.widget_Block-Mult_Row > div h3 a {
    color: #2159a7;
    display: block;
    font-size: 12px;
    text-align: right;
    direction: rtl;
    line-height: 19px;
    margin: 0 0 2px 0px;
}

.widget_Block-Mult_Row .post-date::before {
    display: inline-block;
    content: " . ";
    background: url(/images/Clander-icon.png) no-repeat left center;
    min-width: 17px;
    float: right;
    margin-left: 5px;
}

.widget_Block-Mult_Row .post-date {
    background: url(/images/date-icon.png) no-repeat 98% center;
    padding-right: 0px;
    font-size: 10px;
    height: 22px;
    line-height: 24px;
    float: right;
}

.widget_Block-Mult_Row .post-img {
    border:1px solid #505255;
    background:#fff;
    width: 90px;
    height: 65px;
    padding : 0px;
    margin: 0px 0px 0px 10px;
    float:right ;
}

.widget_Block-Mult_Row img {
    float: right;
    width: 88px;
    height: 63px;    
    padding :3px;
}


/*Start Section Read More Link */ 
.widget_Block-Mult_Row .readmoreBlckItms {    
    padding-left: 6px;
    margin-top: -24px;
    font-size: 12px;
    height: 20px;
    line-height: 23px;
    float: left;
    direction: rtl;
    font-weight: bold;
    font-family: 'Cairo', sans-serif;
}


.widget_Block-Mult_Row a.readmoreBlckItms .ico-arrow-right {
    width: 15px;
    height: 15px;
    background: url(/images/arrow-left.png) no-repeat 2px 3px;
    font-size: 17px;
    border: 1px solid #0281f2;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
    float: left;
    margin-right: 4px;
    margin-top: 5px;
}

.widget_Block-Mult_Row a.readmoreBlckItms:hover .ico-arrow-right {
    width: 15px;
    height: 15px;
    background: url(/images/arrow-left.png) no-repeat -19px 3px;
    font-size: 17px;
    border: 1px solid #2159a7;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}

.widget_Block-Mult_Row a.readmoreBlckItms {
     color: #0281f2;
}

.widget_Block-Mult_Row a.readmoreBlckItms:hover {
     color: #3C3D41;
     text-decoration:underline ;
}
/*End Section Read More Link */ 

.widget_Block-Mult_Row .readmore {
    background: url(/images/readmre-Blu.png) no-repeat 0px center;
    padding-left: 22px;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    float: left;
    direction: rtl;
    font-weight: bold;
    margin: 5px 0px -4px -3px;
}

.widget_Block-Mult_Row .readmore > a, a:active {
     color: #18adb4;
}

.widget_Block-Mult_Row .readmore > a:hover {
     color: #3C3D41;
     text-decoration:underline ;
     font-weight: 800;
}

/*Start Section Imag Only Block  */
.widget_Imag-Only_Block {
    padding-top:35px;
}

.widget_Imag-Only_Block a {   
    line-height:28px;
    font-size:16px;
}

/*------------------------------------------------------------------
    Page Deatls Style
-------------------------------------------------------------------*/
.row:before, .row:after, .clearfix:before, .clearfix:after { content: ''; display: table; }
.row:after, .clearfix:after { clear: both }
.row, .clearfix { zoom: 1 }

dd,dt{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; 
  font-family:'Cairo', "Times New Roman",  "Times New Roman", Times, serif; font-weight: normal; }

.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8 {
    direction: rtl;
     min-height: 1px; float: right; padding-left: 10px; padding-right: 10px; position: relative;
     padding-bottom: 10px;
}


.col-md-6 {
    width: 60%;
}


.c1 { width: 8.33% }
.c2 { width: 20% }
.c3 { width: 25% }
.c4 { width: 33.33% }
.c5 { width: 41.66% }
.c6 { width: 50% }
.c7 { width: 58.33% }
.c8 { width: 66.66% }
.c9 { width: 75% }
.c10 { width: 83.33% }
.c11 { width: 91.66% }
.c12 { width: 100% }
.c1-5 { width: 20% }
/* This column can be used as a one fifth of the row */
.c1-8 { width: 12.5% }


.shadowundertop {
    background: url(../images/undersharea.png) no-repeat 50% 0;
    height: 60px;
    margin-top: 1px;
}

.undermenuarea {
    background: 
    #0281f2 url(../images/pat.png) repeat;
}

.boxedshadow {
    background: url(../images/shfinal.png) no-repeat 50% 0;
    margin-top: -40px;
    min-height: 75px;
    opacity: 1.0;
}

.grid {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
    background: #f9f9f9;
    /*font: 13px/22px 'Cairo', "Times New Roman", "Times New Roman", Times, serif;*/
}


.justabox { border: 1px solid #eee; padding: 15px; text-align: center; background: #fff; }
.maintitle { padding: 0; margin: 0 0px 15px 0px; background: url(../images/separators.png) left top; 
             line-height: 1 !important; font-size: 19px; }
.maintitle span { 
    background: #f8f8f8; padding-left: 15px; padding-right :10px;
    font-family: 'Cairo', "Times New Roman",  "Times New Roman", Times, serif; 
    text-transform: uppercase;
    font-weight: 600;
    color: #0281f2;
    line-height: 32px;
}

/* Start Long Desc Information ================================================== */
div.SingPostbox { border: 1px solid #eee; 
               padding: 15px 15px 15px 10px; background: #fff; 
               margin-right: 5px; margin-left: 5px; min-height : 400px;             
}



div.page-Source > span {
    direction: rtl;
    font-family: 'Cairo', sans-serif;
    font-size: 13px;
    float:right;
    color:#18adb4;
}

.article-info {
    margin: 10px 10px 10px 10px;
    overflow: hidden;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;    
    padding-bottom: 20px;
}

.article-info ul.actions {
    list-style: none; 
    float: left;
}

.article-info ul.actions li {
    margin: 0 -1px 0 3px;
}

.article-info ul.actions li a {
    float: left;
    width: 27px;
    height: 25px;
    padding: 0 3px;
}

.article-info ul.actions li a { 
    color: #eee;
    font-size: 14px;
    background: #0281f2;
    padding: 2px 4px;
}

.icon-print::before {
    display: inline-block;
    content: " , ";
    
    min-width: 20px;
}

.post-meta {
    font-family: 'Georgia';
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    color: #999;
    margin-bottom: 3px;
    direction: rtl;
    margin-top: 10px;
    margin-right: 25px;
}

.featured-img {
    display: block;
    margin-bottom: 5px;
    width: 55%;
    float: left; 
    margin-right: 15px;    
    margin-left:10px; 
}

.featured-img img {
    width: 100%;
}

.post-meta .date, .date {
    background: url(/images/date-icon.png) no-repeat right center;
    padding: 3px 20px 5px 0px !important;
    direction: rtl;
}

/*-------------------------------------------------*/
/* =  related Style
/*-------------------------------------------------*/

h3.related-title {
    color : #283c53;
    font-size: 140%;
    font-family: 'Cairo', sans-serif; 
    float: right;
    direction: rtl;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

ul.related-items{
    margin: 5px 10px 15px 0px;
}

ul.related-items li.span6 {
    width: 50%;
    margin: 0 0 10px 0 !important;
    line-height: 0.8;
}
.row-fluid [class*="span"]:first-child {
    margin-right: 0;
}
.row-fluid [class*="span"]:first-child {
    margin-right: 0;
}
.row-fluid .span6 {
    width: 48.717948717949%;
    *width: 48.664757228587%;
}
.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    margin-right: 1.9276595744681%;
    *margin-right: 1.7244680851064%;
}

ul.related-items li.span6 .img-fulltext {
    margin-bottom: 0;
}
.related-items .img-fulltext.pull-right {
    margin-left: 1em;
}

ul.related-items li.span6 div.img-fulltext.pull-right {
    float: right;
}

ul.related-items li h3.related-item-title {
    font-family: 'Cairo', sans-serif;
    margin: -4px 10px 5px 10px;
    font-size: 13px;
    line-height: 19px;   
    overflow: hidden;
    font-weight: normal;   
    direction: rtl;
    text-align: right;    
    max-height: 58px;
}

ul.related-items li h3.related-item-title > a {
     color: #0281f2;
     text-align:right;
     font-size: 12px;
     line-height: 19px;
     font-weight: bold;
}

ul.related-items li h3.related-item-title > a:hover {
     color: #12994d;
     text-decoration:underline ;
}


.img-fulltext {
    background: url(/images/loading.gif) no-repeat center center #E6E6E6;
    margin: 0 25px 0 0;
    padding: 0;
    position: relative;
    text-align: center !important;
    width: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 1em;
    display: table;
    margin: 0 auto 1em;
}

ul.related-items li.span6 .img-fulltext {
    height: 50px;
    min-height:40px;
}


ul.related-items li.span6 .img-fulltext img{
    width: 120px;
    height: 90px;
    border: 1px solid #ccc;
    padding: 3px;
}

.img_caption.none {
    margin-left: auto;
    margin-right: auto;
}

div.img_caption {
    position: relative;
}


/*-------------------------------------------------*/
/* =  Authr Articals Post Style
/*-------------------------------------------------*/

.AuthrPost-img {
    border:1px solid #505255;
    background:#fff;
    width: 145px;
    height: 153px;
    padding : 0px;
    margin: 0px 0px 0px 10px;
    float:right ;
}
.AuthrPost-img img {
    float: right;
    width: 140px;
    height: 150px;    
    padding :3px;
}

.Authpage-ArtiCont{padding-bottom:9px;
                   margin:-5px 0 10px;
                   width: 78%;
                   border-bottom:1px solid #eee}

.line {
    clear: both;
    float: left;
    border-top: 1px solid #e4e4e4;
    width: 100%;
    height: 0px;
    margin: 0px 0 18px 0;
}

.page-tags
{
    padding :3px;
}

.media-left > img {
    height: 70px;
    width: 90px;
}

.related_post {
    display: inline;
    float: right;
    margin-top: 0;
    direction: rtl;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 15px;
}

.related_post > h2 {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
    font-weight: bolder;
}

/*-------------------------------------------------*/
/* =  Social Media
/*-------------------------------------------------*/

.social-media {
    float: left;
    margin-top: -20px;
}

.social-media ul {
    margin: 0 !important;
}

.social-media li {
    list-style: none !important;
    float: left;
    margin-right: 12px;
}

.social-media li.twitter {
    width: 80px;
    padding-Top: 7px !important;
}

.social-media li:last-child {
    margin-right: 0;
}

/*------------------------------------------------------------------
    BUTTONS
-------------------------------------------------------------------*/

.navbar-default .btn-light {
    padding: 0 20px;
    margin-left: 15px;
}

.btn {
    border: 0 !important;
}

.nav-pills,
.effect-1:after,
.nav-pills > li > a,
.global-radius,
.btn-brd {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.btn-light {
    padding: 5px 30px;
    font-size: 17px;
    border: 2px solid #ffffff !important;
    color: #ffffff;
    background-color: transparent;
}

.btn-dark {
    padding: 5px 30px;
    font-size: 17px;
    border: 1px solid #ececec !important;
    color: #1f1f1f;
    background-color: transparent;
}

.btn-light:hover,
.btn-light:focus {
    border-color: rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);
}

/* TWITTER 
================================================== */
#ticker { height: 150px; overflow-y: hidden; position: relative; }
#ticker ul.tweet_list { position: absolute; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#ticker ul.tweet_list li { height: 146px }

/* FOOTER ================================================== */
#wrapfooter { direction :rtl; 
    background-color: #222; margin-top: 30px; }

#wrapfooter .grid {
    margin: 0 auto; 
    width: 100%;
    background:  #222; 
}

.copyright .grid {
    margin: 0 auto; 
    width: 100%;
    background:  #111; 
}

#footer .title { font-size: 15px !important; line-height: 42px !important;
                 color: #fff !important; 
                 border-bottom: solid #333 1px !important; padding-bottom: 3px !important; width: 92% !important; }
.footerstress { border: solid #0E8FAB; border-width: 1px 0 0; clear: both; margin: -9px 0px 17px; height: 0; width: 50%; }
#footer [class^="icon-"], #footer [class*=" icon-"] { margin-left: 10px }
#footer { padding: 15px 0px 15px; color: #777; }
#footer a { color: #888 }
#footer li { list-style: none; 
             float: right;   padding-left: 15px; }

#footer li a { color: #888 }
#footer h1 { font-size: 15px; color: #ddd; margin-bottom: 20px; margin-top: 0px; -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#000),color-stop(40%,#000),color-stop(100%,rgba(0,0,0,0.5))); }
.copyright { background-color: #111; color: #666; padding: 10px 0; font-size: 12px; border-top: 1px solid #292929; }
.copyright a { color: #666 }
.textareafooter { background: #3F3F3F !important; border: #444 1px solid !Important; color: #999 !important; }
#footer ul.social-links li { border-radius: 50% }
.back-top-wrapper { width: 100%; position: absolute; overflow: hidden; height: 40px; display: block; }
.back-top { bottom: 42px; right: 20px; margin-bottom: 0; display: block; position: fixed; display: scroll; display: none; }
.back-top a { width: 35px; nowhitespace: afterproperty; nowhitespace: afterproperty; height: 35px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; background: #333 url(../images/up-arrow.png) no-repeat center center; border-radius: 0px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; opacity:0.4; border-radius: 3px;; }
.back-top a:hover { background-color: #333 } /* arrow icon (span tag) */
.back-top span { width: 35px; nowhitespace: afterproperty; nowhitespace: afterproperty; height: 35px; display: block; border-radius: 10px; /* transition */ -webkit-transition: 1s;-moz-transition:1s;transition:1s; ; ; }
/* Footer Social ---------------------- */
.social-linksImg {
    width:65px; 
}

ul.social-links li { background: #333; float: left; font-size: 12px; list-style: none; width: 32px; height: 32px; text-indent: -9999px; margin: 0px 0px 5px 0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: 10px; border-radius: 50%; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow: hidden; }
ul.social-links li:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); }
ul.social-links li a.facebook { background: url(../images/socialpack/facebook.png) 50% 50% no-repeat }
ul.social-links li a.twitter { background: url(../images/socialpack/twitter.png) 50% 50% no-repeat }
ul.social-links li a.google { background: url(../images/socialpack/google.png) 50% 50% no-repeat }
ul.social-links li a.dribbble { background: url(../images/socialpack/dribbble.png) 50% 50% no-repeat }
ul.social-links li a.vimeo { background: url(../images/socialpack/vimeo.png) 50% 50% no-repeat }
ul.social-links li a.skype { background: url(../images/socialpack/skype.png) 50% 50% no-repeat }
ul.social-links li a.rss { background: url(../images/socialpack/rss.png) 50% 50% no-repeat }
ul.social-links li a.linkedin { background: url(../images/socialpack/linkedin.png) 50% 50% no-repeat }
ul.social-links li a.pinterest { background: url(../images/socialpack/pinterest.png) 50% 50% no-repeat }
ul.social-links>li.facebook-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #415b92; }
ul.social-links>li.twitter-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #10A3C3; }
ul.social-links>li.google-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #f54a35; }
ul.social-links>li.dribbble-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #fd83af; }
ul.social-links>li.vimeo-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #1ab7ea; }
ul.social-links>li.skype-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #56cbf7; }
ul.social-links li a { width: 32px; height: 32px; display: block; }
ul.social-links>li.rss-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #ff8500; }
ul.social-links>li.linkedin-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #007fc5; }
ul.social-links>li.pinterest-link:hover { float: left; font-size: 12px; width: 32px; height: 32px; background: #e63037; }

.footerstress { border: solid #0E8FAB;border-width: 1px 0 0;clear: both;margin: -2px 0px 17px;}