@import url(http://fonts.googleapis.com/css?family=Kreon:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(http://weloveiconfonts.com/api/?family=entypo);

@import url(courses.css);
@import url("login-registration.css");
@import url("services-consultation.css");
@import url("payment.css");



/*start course-details modal*/
.btn{
    border-radius: 0 !important;
}
input{
    border-radius: 0 !important;
}
.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    right: 10px;
    font-size: 14px;
    width: 20px;
    margin-right: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 40px 10px 16px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 28px 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-right: 0;
    right: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-right: 30px;
    float: right;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-right: 0;
    font-size: 12px;
    right: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{float:none;}
.modal-body{max-height: 420px;
    overflow-y: auto;}
.modal{
    overflow: hidden;
    overflow-y: hidden;
}
.form-modal-security{
    padding-top:20px
}


.payment-form input{
    padding-left: 20px;
    font-family: 'FontAwesome';

}
.modal-primary{
    background-color:#53A1D5;


}
.tab-content{
    padding-top:20px;
}

.modal-primary .modal-title{
    color:#ffffff;


}
.nav-tabs>li{
    padding-top:20px;
    text-align: center;
    width:33.3333333333%;

}


/*end course-details modal*/
/*start careers*/
.careers-side-bar{
    padding-top: 90px;
}






#images-slider .item{
    margin: 3px;
}
#images-slider .item img{
    display: block;
    width: 100%;
    height: auto;
}
#videos-slider .item iframe{height:200px}
#videos-slider .item {

    margin-right: 10px;
}


/*end careers*/

/*start instuctors*/


#instructors .item{
    text-align: left;
    margin: 3px;
}
#instructors .item img{
    display: block;
    border-radius: 50%;
    /*
      width: 100%;
      height: auto;
    */
}



/*end instructors*/
html,
body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    font-size: 14px;

}
.btn.btn-default {
    color: #333333;
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #FFFFFF, #f4f4f4);
    border-color: #CCCCCC #CCCCCC #CCCCCC;
}
.btn.btn-default:hover {
    color: #333333;
    background-color: #f4f4f4;
    background-image: linear-gradient(to bottom, #f4f4f4, #f4f4f4);
    border-color: #CCCCCC #CCCCCC #CCCCCC;
}

/*contact us*/
.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


.header {

    color: #000;
    height: 70px;
    font-size: 27px;
    padding: 10px;
}
/**/
/*start header*/
header{
    color: #ffffff;
    background-color:#53a1d5 ;
}


/*.sigin_siginout_links li a {*/
/**/
/*color: #ffffff;*/
/*text-decoration: none;*/
/*}*/

/*.sigin_siginout_links li a::after {*/
/*content: '';*/
/*display: block;*/
/*width: 0;*/
/*height: 2px;*/
/*background: #ffffff;*/
/*transition: width .3s;*/


/*}*/
/*.sigin_siginout_links li a:hover::after {*/
/*width: 100%;*/
/*}.sigin_siginout_links li a {*/

/*color: #ffffff;*/
/*text-decoration: none;*/
/*}*/

/*.sigin_siginout_links li a::after {*/
/*content: '';*/
/*display: block;*/
/*width: 0;*/
/*height: 2px;*/
/*background: #ffffff;*/
/*transition: width .3s;*/


/*}*/
/*.sigin_siginout_links li a:hover::after {*/
/*width: 100%;*/
/*}*/


.search-nav-form{
    margin-top: 5px
}
.search-nav-form-advanced-link{


}
.search-nav-form-advanced-link button{

}


.search-nav-form-advanced-link a{
    color: #ffffff;
}
.sigin_siginout_links {
    text-align: left;
    line-height: 39px;
    height: 43px;
    font-size: 14px;
}
.sigin_siginout_links ul > li > a {
    color: #ffffff !important;
    text-decoration: none;
}


.sigin_siginout_links li {
    display: inline-block;
    position: relative;
    /* margin-right: 10px;*/
}

.sigin_siginout_links li:after {
    content: '';
    display: block;
    margin: auto;
    height: 2px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
.sigin_siginout_links li:hover:after {
    width: 100%;
    background: #ffffff;
}
.contacts_info_mobile_email .list-inline>li{
    padding-right:0;
    padding-bottom: 3px;

}



.contacts_info_mobile_email{
    text-align: right;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    font-family: helvetica, arial, sans-serif !important;
}
.contacts_info_mobile_email ul{
    direction: ltr;
    float: right;
}

.contacts_info_mobile_email_icon{
    font-size: 18px !important;

}

/*header h1,header h2,header h3 a,header a,header a:hover {*/
/*color:#ffffff;*/
/*font-weight:800;*/
/*text-decoration:none;*/
/*}*/

/* end header*/

/*start public items*/

.form-control{
    border-radius: 0;
}

.small-container-nav a{
    text-decoration: none;

}

.text-header{
    padding: 30px 0;
}

span.line2{

    width:15%;
    height: 1px;
    background: #58A1DB;
    margin: 0 auto;
    position: relative;
    display: inline-block;
}
span.sub-line2{
    width: 40%;
    height: 6px;
    background:#457DAB;
    position: absolute;
    top: -3px;
    right:30%;
    display: inline-block;
}


span.line2-black{
    width:15%;
    height: 1px;
    background: #3d3f40;
    margin: 0 auto;
    position: relative;
    display: inline-block;
}
span.sub-line2-black{
    width: 40%;
    height: 6px;
    background:#46494B;
    position: absolute;
    top: -3px;
    right:60px;
    display: inline-block;
}

/*end public items*/
/*start navbar*/
.small-container-nav{
    padding-bottom: 20px;
}

.navbar{
    margin-bottom: 0;
    font-size: 18px;
}
.navbar-header{
    float: right ;
}


.navbar-right{
    padding-top: 35px;
    padding-bottom: 35px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;

}
/* top-nav */
.navbar-default {
    background-color: #fcfcfc;
    border-color: #ffffff;
    box-shadow: 0 2px 2px -2px #a6b1b7;
}
.navbar-default .navbar-brand {
    color: #000000;

}
.navbar-brand{
    float: right;

}
/*.navbar-default .navbar-nav > li > a {*/
/*color: #000000;*/
/*}*/
/*.navbar-default .navbar-nav > li > a:hover {*/
/*color: #2980B9;*/
/*}*/

.navbar-default .navbar-nav > li > a {

    color: #000;
    text-decoration: none;

}

.navbar-default .navbar-nav > li > a::after {
    content: '';
    display: block;
    margin : auto;
    width: 0;
    height: 2px;
    background: #53A1D5;
    transition: width .5s ease;
    margin-top: 5px;

}

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



/*.navbar-default .navbar-nav > .active > a,*/
/*.navbar-default .navbar-nav > .active > a:hover,*/
/*.navbar-default .navbar-nav > .active > a:focus {*/
/*color: #ffffff;*/
/*background-color: #08B0EF;*/
/*border-radius: 15em;*/
/*-webkit-border-radius: 15em;*/
/*-o-border-radius: 15em;*/
/*-moz-border-radius: 15em;*/
/*}*/

.navbar-default .navbar-toggle {
    border-color:#5B5F62;

}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;

}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}
.navbar-default .navbar-collapse {
    border-color: #000000;
}





/*end nav*/





.full {
    width: 100%;
}
.gap {
    height: 30px;
    width: 100%;
    clear: both;
    display: block;
}
.footer {
    text-align: center;
    background: #14181c;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
}
.footer a{
    text-decoration: none;
}
.footer p {
    margin: 0;
}
.footer img {
<!--  margin-top:120px;-->
}
.footer h3 {
    border-bottom: 1px solid #BAC1C8;
    color: #54697E;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    padding: 40px 0 10px;
    text-transform: uppercase;
}
.footer ul {
    font-size: 13px;
    list-style-type: none;
    margin-right: 0;
    padding-right: 0;
    margin-top: 15px;
    color: #7F8C8D;
}
.footer ul li a {
    padding: 0 0 5px 0;
    display: block;
}
.footer ul li a:after {
    content: '';
    display: block;
    margin: auto;
    height: 2px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
.footer ul li a:hover:after {

    width: 100%;
    background: #53A1D5;
}
.footer a {
    color: #78828D
}
.supportLi h4 {
    font-size: 20px;
    font-weight: lighter;
    line-height: normal;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}
.newsletter-box input#appendedInputButton {
    background: #FFFFFF;
    display: inline-block;
    float: right;
    height: 30px;
    clear: both;
    width: 100%;
}
.newsletter-box .btn {
    border: medium none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    height: 40px;
    padding: 0;
    width: 100%;
    color: #fff;
}
.newsletter-box {
    overflow: hidden;
}

.footer-bottom {
    background: #E3E3E3;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
}
.footer-bottom p.pull-left {
    padding-top: 6px;
}
.nav_footer{
    margin-top: 20px;
    background-color: #d9d8d8;
    border-radius:10px ;
}
.nav_footer ul li a {
    font-size: 18px;
    color: #333333;
    padding-left: 10px;
    padding-right: 10px;
}















/*.footer_links {*/

/*height: 100%;*/

/*}*/
/*.footer_links ul li a{*/


/*vertical-align: middle;*/
/*line-height: 45px;*/

/*color: #ffffff;*/
/*text-decoration: none;*/

/*}*/







/*.footer_subscribe_form,.footer_facebook_page{*/

/*height: 100%;*/
/*}*/
/*.footer_subscribe_form h2,.footer_subscribe_form p,.footer_subscribe_form form{*/

/*position: relative;*/
/*top: 20%;*/

/*}*/


/*.footer_facebook_page div{*/

/*top:20px;*/

/*}*/

/*.nav_footer ul{*/

/*padding-top: 10px;*/
/*}*/

/*.nav_footer ul li {*/
/*padding-left: 25px !important;*/
/*padding-right: 25px;*/
/*}*/
/*.nav_footer ul li a{*/
/*color: #ffffff;*/
/*text-decoration: none;*/
/*}*/
/*.bottom_footer{*/
/*height: 45px;*/
/*background-color: #3d3f40;*/
/*}*/

/*end footer*/

/*start carousel*/


/* Carousel Styles */
.carousel-indicators .active {
    background-color: #ffffff;
}

#main-carousel >.carousel-inner img {
    width: 100%;
    height: 400px !important;
}
.top-main-carousel h1,.top-main-carousel h2,.top-main-carousel h3,.top-main-carousel h4,.top-main-carousel h5,.top-main-carousel span{
    color: #ffffff;
}

/*.left-control{*/
/*top: 50%;*/
/*left:40% !important;*/
/*}*/
/*.right-control{*/
/*top:50%;*/
/*right:38.8% !important;*/
/*}*/


.carousel-control.left,
.carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}


.glyphicon:empty{
    width: auto !important;
}
.carousel-control.left span, .carousel-control.right span{
    z-index:999;
    border-radius: 50% !important;
    background-color: #FFFFFF !important;
    color: #0d171d;
    padding: 10px;

}
/*.carousel-control.right span {*/

/*background: rgba(50,53,54,1);*/
/*background: -moz-linear-gradient(top, rgba(50,53,54,1) 0%, rgba(92,95,97,1) 100%);*/
/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,53,54,1)), color-stop(100%, rgba(92,95,97,1)));*/
/*background: -webkit-linear-gradient(top, rgba(50,53,54,1) 0%, rgba(92,95,97,1) 100%);*/
/*background: -o-linear-gradient(top, rgba(50,53,54,1) 0%, rgba(92,95,97,1) 100%);*/
/*background: -ms-linear-gradient(top, rgba(50,53,54,1) 0%, rgba(92,95,97,1) 100%);*/
/*background: linear-gradient(to bottom, rgba(50,53,54,1) 0%, rgba(92,95,97,1) 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323536', endColorstr='#5c5f61', GradientType=0 );*/
/*}*/

/*.carousel-control.left span {*/

/*background: rgba(35,90,152,1);*/
/*background: -moz-linear-gradient(top, rgba(35,90,152,1) 0%, rgba(69,130,184,1) 100%);*/
/*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,90,152,1)), color-stop(100%, rgba(69,130,184,1)));*/
/*background: -webkit-linear-gradient(top, rgba(35,90,152,1) 0%, rgba(69,130,184,1) 100%);*/
/*background: -o-linear-gradient(top, rgba(35,90,152,1) 0%, rgba(69,130,184,1) 100%);*/
/*background: -ms-linear-gradient(top, rgba(35,90,152,1) 0%, rgba(69,130,184,1) 100%);*/
/*background: linear-gradient(to bottom, rgba(35,90,152,1) 0%, rgba(69,130,184,1) 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235a98', endColorstr='#4582b8', GradientType=0 );*/
/*}*/
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
}



.carousel-control.left span,
.carousel-control.right span {
    background-color: #000;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}


/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.3),1px 1px 1px rgba(0,0,0,0.3),0 0 10px #000000;
    width: 96.66666666666666%;
    color: #fff;
}
.header-text h1{
    margin-bottom:150px;


}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {

    padding: 10px;
}

.header-text h3 span {

    padding: 15px;
    line-height: 78px;
}

.btn-min-block {
    margin-top:90px;
    min-width: 90px;
    line-height: 20px;
}

.btn-theme {
<!-- margin-right: 40px;-->
    margin-top:60px;
    text-shadow: none;
    color: #3D3F40;
    background-color: #ffffff;
    border: 1px solid #c4c4c4;

}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
/* end carousel*/



/*start courses*/
.alert-default{
    color:#ffffff;
    background-color: #53A1D5;
    border-radius: 0px 
}
.alert-default-en{
    color:#ffffff;
    box-shadow: inset 0 -15px 30px rgba(0, 0, 0, 0.3), 0 5px 10px rgba(0, 0, 0, 0.1);
    background-color: #53A1D5;
}
.courses{
    background-color: #ffffff;
    padding:15px 0 ;
    width: 100%;
}
.courses-box{
    background-color:#F6F6F6 ;
    border: solid 1px #e5e5e5;
    border-radius: 0;
}

.thumbnail-padding {
    padding: 10px;
}
.more{
    padding: 30px 0;
}
.thumbnail-img {
    height: 220px !important;
    width: 100%;

}
.thumbnail-effects{
    margin-bottom:10px;
    height: 320px;
    border-radius: 4px;
    background: #ffffff;
    border: solid 1px #e5e5e5;
}
.courses-icons{
    font-size: 28px !important;
    float: right;
}
.courses_description{
    padding-bottom: 15px;
}
.courses_description p{
    text-align: center;
    line-height:30px;
    border-bottom:dashed 1px #d4d4d4 ;
    padding-bottom: 15px;
}

.effect{

    background:#FFF;

}
.thumbnail {
    position: relative;
    /*margin: 20px auto;*/
    padding: 0px;
    margin-bottom: 20px;


}

/*end courses**/

/*custome background courses*/
.custome-courses{
    background-color: #f1f1f1;
}


/**/
.employment{

    background: #F9FBFC; /* Old browsers */

    width: 100%;

}

/* entypo */
[class*="entypo-"]:before {
    font-family: "entypo", sans-serif;
}
a {
    text-decoration: none;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sticky-social {
    right: 0;
    position: fixed;
    top: 200px;
    z-index: 99999;
}
#sticky-social a {
    background: #333;
    color: #fff;
    display: block;
    height: 35px;
    font: 16px "Open Sans", sans-serif;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 35px;
    text-decoration: none;
}
#sticky-social a span {
    line-height: 35px;
    right: -120px;
    position: absolute;
    text-align:center;
    width:120px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#sticky-social a:hover span {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    right: 35px;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #3b5998; }


#sticky-social a[class*="play"],
#sticky-social a[class*="play"]:hover,
#sticky-social a[class*="play"] span { background: #d2322d; }


/*start blog*/
#blog{
    padding: 20px 0;
}
#blog .list-group{
    padding-right: 0;
}
#myCarousel-blog .carousel-caption {
    right:0;
    left:0;
    bottom:0;
    text-align:left;
    padding:10px;
    padding-top:0px;
    padding-bottom:0px;
    background:rgba(0,0,0,0.6);
    text-shadow:none;
}

#myCarousel-blog-en .carousel-caption {
    left:0;
    right:0;
    bottom:0;
    text-align:right;
    padding:10px;
    background:rgba(0,0,0,0.6);
    text-shadow:none;
}
.carousel-caption h3 a{
    color: #ffffff;
}
.carousel-caption h3 a:hover{
    text-decoration: none;
    color: #ededed;
}


#myCarousel-blog .list-group {
    position:absolute;
    top:0;
    left:0;
}
#myCarousel-blog-en .list-group {
    position:absolute;
    top:0;
    right:0;
}
#myCarousel-blog .list-group-item {
    border-radius:0px;
    cursor:pointer;
}
#myCarousel-blog .list-group .active {
    background-color:#f1f4f5;
}

@media (min-width: 992px) {
    #myCarousel-blog {padding-left:33.3333%;}
    #myCarousel-blog .carousel-controls {display:none;}
    #myCarousel-blog-en {padding-right:33.3333%;}
    #myCarousel-blog-en .carousel-controls {display:none;}
}
@media (max-width: 991px) {
    .carousel-caption p,
    #myCarousel-blog .list-group {display:none;}
    .carousel-caption p,
    #myCarousel-blog-en .list-group {display:none;}
}


/*end blog*/

.row {
    margin-right:0px;
    margin-left:0px;
}
.custome_row{
    margin: 0 auto;

}
.customers{
    background-color: #e0e0e0;



}
.thumbnail-carousel{
    height: auto !important;
    border: 1px solid #CCC9C9;
}

.partners{
    width: 100%;
}
/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;

    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}

#wrapper{
    margin: 0 auto;
    padding: 0.25em 0.625em;


}



.btn-primary{
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    border: none;
    border-radius: 0;
    color: #ffffff;
    text-decoration: none;




}
.login-registration .panel-default .panel-heading{

    background: #F5F5F5;
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #F7F7F7 0%, #E0E0E0 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #F7F7F7 0%, #E0E0E0 100%);

    /* Opera */
    background-image: -o-linear-gradient(top, #F7F7F7 0%, #E0E0E0 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(100, #E0E0E0));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #E0E0E0 100%);

    /* W3C Markup */
    background-image: linear-gradient(to bottom, #F7F7F7 0%, #E0E0E0 100%);
    border: none;
    color: #262626;
    text-decoration: none;
}

.btn-primary:hover {



    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}
/* Custom page CSS
-------------------------------------------------- */

#wrap > .container {
    padding: 60px 15px 0;
}
.container .credit {
    margin: 20px 0;
}


h1,h2,h3,h4 {
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    color: #183345;
    vertical-align:middle;
}

/* carousel */
.media-carousel
{
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
    margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left
{
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right
{
    left: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators
{
    left: 50%;
    top: auto;
    bottom: 0px;
    margin-left: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li
{
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active
{
    background: #333333;
}
.media-carousel img
{
    /*width:100%;*/
    /*height:100%;*/
     width: 250px;
    height: 100px
}
/* End carousel */

/* info section*/
.services-icons{
    border: 1px solid #dddddd;
    padding: 30px;
    border-radius: 50%;
    background: #fff;
}
.services-icons:hover{
    transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    /* IE 9 */
    -moz-transform:rotateY(360deg);
    /* Firefox */
    -webkit-transform:rotateY(360deg);
    /* Safari and Chrome */
    -o-transform:rotateY(360deg);
    /* Opera */
    transition:all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -webkit-transition:all 0.6s ease-in-out;
    -o-transition:all 0.6s ease-in-out;
}
#services-icon-1{
    color: #222222;
}
#services-icon-1{
    color: #25a3d8;
}
#services-icon-2{
    color: #d58512;
}
#services-icon-3{
    color: #be0d1d;
}
.services-p{
    margin: auto;
    width:80% ;
    padding-bottom: 20px;
}

.info{
    background-color: #F6F6F6;
    padding: 15px 0;
    width: 100%;
    /*background: url(images/Shape-83.png);*/
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/

}
.info-box{
    border-right: solid 1px #e5e5e5;
    height: 276px;
    position: relative;
}

.info-more {
    position: absolute;
    bottom: 0;
    left: 38%;
}



h1 {
    font-size:50px;
}




.divider {
    height:100px;
}

.panel {
    border-width:0;
}



#map-canvas {
    width: 100%;

    margin: 0;
    padding: 15px;
}

.scroll-top {
    position:fixed;
    bottom:0;
    left:6%;
    z-index:100;
    background: #ffcc33;
    font-size:24px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
    color:#222;
}





















/* Carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -3%;
}
#quote-carousel .carousel-control.right {
    right: -3%;
}
#quote-carousel .carousel-indicators {
    left:30%;
    width:100%;
    top: auto;
    bottom: 0px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 300px;
}
.item blockquote {
    border-right: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-left: 10px;
}



.item blockquote p:after {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-left: 10px;
}











@media(max-width:472px){


    .header-text h2{

        font-size:35px;
    }
    #sticky-social a{
        width:25px;
        height:25px;
        line-height:25px;
        font:14px "Open Sans", sans-serif;

    }

    #sticky-social a span{
        line-height:25px;
    }

    #sticky-social a:hover span{
        right:25px;
    }
    blockquote small{
        margin-bottom: 80px;
    }







    .header-text  h1{
        font-size:35px;

    }
    .sigin_siginout_links ul > li > a{
        font-size: 10px;
    }

}
@media(max-width:470px){
    .alert-default{
        width: 250px;
    }
    #sticky-social{
        /* display: none;*/
    }

    .carousel-caption h3{
        font-size:18px;
    }
    .carousel-control.left span, .carousel-control.right span{
        padding:7px;
    }
    .carousel-inner {
        blockquote small:padding-bottom:80px;

    }

}


@media(max-width:680px){
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{

        top:35%;
    }

}

@media(max-width:612px){
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{

        top:25%;
    }

}

@media(max-width:397px){

    #quote-carousel .carousel-indicators .active{

        width:50px;
        height:50px;
    }
}

@media(max-width:380px){
    .carousel-inner {
        blockquote small:padding-bottom:80px;

    }
    .carousel-caption h3{
        font-size:13px;
    }
    .carousel-control.left span, .carousel-control.right span{
        padding:4px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
        top:15%;
    }

    #myCarousel-blog .carousel-control{
        font-size: 15px;
    }
    blockquote small{
        margin-bottom: 100px;
    }

}

@media(max-width:496px){

    #quote-carousel .carousel-indicators .active{
        width:50px;
        height:50px;
    }

    .carousel-inner {
        blockquote small:padding-bottom:50px;

    }

}

@media(max-width:767px){
    .navbar-brand{
        height: 85px;
    }
    .navbar-header{
        float: none !important;
    }
    .navbar-right{

        padding-top: 0;
        padding-bottom: 0;

    }
    .navbar-toggle{
        margin: 25px !important;
    }
    #main-carousel{
        /* display: none;*/
    }
    .info-box{
        border-right: none;
        border-bottom: 1px solid #e5e5e5
    }
}
@media(min-width:768px) {

    .navbar-fixed-top .navbar-right {
        padding-top: 15px;
        padding-bottom: 15px;
    <!-- height: 75px;-->
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        font-size: 15px;

    }
    .navbar-fixed-top .navbar-brand  {
        /*font-size: 2em;*/
        /*-webkit-transition: all .3s;*/
        /*-moz-transition: all .3s;*/
        /*transition: all .3s;*/
        /*-webkit-transition: width 0.3s;*/
        /*-moz-transition: width 0.3s;*/
        /*-o-transition: width 0.3s;*/
        /*transition: width 0.3s;*/
        width:70px;
        height: 80px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;


    }

    .navbar-brand-defauld-size{
        width:105px;
        height: 120px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    /*.navbar-fixed-top.navbar-shrink {*/
    /*padding: 10px 0;*/
    /*}*/

    /*.navbar-fixed-top.navbar-shrink .navbar-brand {*/
    /*font-size: 1.5em;*/
    /*-webkit-transition: all 0.3s;*/
    /*-moz-transition: all 0.3s;*/
    /*-o-transition: all 0.3s;*/
    /*transition: all 0.3s;*/
    /*}*/
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
    margin-right: 0;
}



@media(max-width:991px){
    .contacts_info_mobile_email{
        line-height: 0;
    }
}
@media(max-width:883px){
    .navbar-header {
        float: none !important;
    }
    .navbar-brand{
        height:85px;
        width:78px;
    }
    .navbar-toggle {
        margin:25px;
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;

    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}


@media (min-width: 1200px){
    .container {
        width: 1270px !important;
    }
}

@media (min-width: 540px){
    #quote-carousel .carousel-indicators .active{
        width: 108px;
        height: 108px;

    }

}

#quote-carousel .carousel-indicators .active li img{
	width: 100%;
	min-height: 80px
}




/* Slider  */
#clients {
    margin-top: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#clients .clients-wrap {
  display: block;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 120px;
  line-height: 100px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
  
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}


/* Slider2  */
#clients2 {
    margin-top: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#clients2 .clients-wrap {
  display: block;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

#clients2 .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#clients2 .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 120px;
  line-height: 100px;
  text-align: center;
}
#clients2 .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: 0 linear left;
  -moz-transition: 0 linear left;
  transition: 0 linear left;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
 
}
#clients2 .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}