body{

    margin: 0 auto;
}
body > div.header > div.topen > div > img{
    float:right !important;
}
.dj-megamenu li:hover a.dj-up_a, .dj-megamenu li.hover a.dj-up_a, .dj-megamenu li.active a.dj-up_a{
    background: none !important;
}
#dj-megamenu95{
    background-color: #213755 !important;
}
.dj-megamenu li a.dj-up_a span{
    color: #ffffff !important;
}
.dj-megamenu li ul.dj-subtree > li.active > a {
    text-decoration: underline;
    background: #740c1e none repeat scroll 0 0;
}
.item-page > div span
{
    font-size:18px !important;
    line-height:30px;
}


.inputbox {
    border-radius: 25px;
    font-family: tahoma;
    /* padding: 5px 0px 5px 0px; */
    border-radius: 25px;
    background-color: #fdfdfd;
    border: 1px solid #8996a0;
    border-radius: 15px;
    /* font-family: inherit; */
    /* margin-bottom: 0.5em; */
    /* outline: 0; */
    /* padding: 1em; */
    width: 150px;
    height: 30px;
    background: url("https://cse.google.com/coop/intl/en/images/google_custom_search_watermark.gif") 0% 50% no-repeat rgb(255, 255, 255) !important;
    font-size: 15px;

}
.dj-megamenu li ul.dj-subtree > li > a:hover {
    background-color: #293352;
    color: #ffffff !important;
}
.dj-megamenu li ul.dj-subtree > li:hover {
    list-style: square outside;
    padding: 0;
    margin: 0;
    color: #666;
}
.dj-megamenu li ul.dj-subtree > li {
    list-style: square outside !important;
    padding: 0;
    margin: 0;
    color: #666;
    text-align: left;
}
.dj-megamenu li ul.dj-submenu > li > a.active {
    background: #293352 !important;
}
.header .top .search {
    /*float: right;*/
    width:17% !important;
    margin: -10px 6px 0px 0px !important;
}
body > div > div.top > div.topen > div:nth-child(2) {
    margin-left: 111px;
}
.addsearch .form-search .input-append .btn, .addsearch .form-search .input-prepend .search-query{
    display:none;
}
@charset "UTF-8";
*{
    font-family: trade ;
    font-size:99%;
    color: #696969 ;
    list-style-position:inside;
    line-height: 30px;
}

iframe {
    width: 750px;
    height: 639px;
    overflow: scroll;
    /* border: 2px solid #334C75;*/
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.fb_sharebutton iframe {
    width: auto !important;
    height: auto !important;
    overflow: hide !important;
    border: none !important;
}

.social-share-buttons-share iframe{
    overflow: auto !important;
    border: none !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.content .info table {
    border: 0px solid #3B60AF;
    width: 80% !important;
    max-width: 85% !important;
    /*min-width: 500px !important;*/
    color: #3B60AF !important;
}

ul {
    padding: 2px;
}

/***********************
            Scrollbar
                ***********************/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #CCC;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #334C75;
    -webkit-box-shadow: inset 0 0 6px #CCC;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #666;
}

/***********************
            Scrollbar
                ***********************/

#bigwrapper{
    border: 0px solid #666666;
    box-shadow: 0px 0px 10px #666666;
    -moz-box-shadow: 0px 0px 10px #666666;
    -webkit-box-shadow: 0px 0px 10px #666666;
    width: 1024px;
    margin: 69px auto 0px auto;
}

img, h2, h3, h6  {
    border: 0;
    margin: 0;
}

/********************** START Header Content ***************/
/**********************    #########   ********************/
.header {
    width: 100%;
    /* border: 1px solid #ACACAC; */
    border-bottom: none;
    /* margin-bottom: 20px; */
    /* background-image: url(/images/logoheader.jpg); */
    background-repeat: no-repeat;
}
.header .topen {
    min-height: 190px;
    font-size: 48px;
    font-family: serif;
    color: #1b2656;
    margin: 0px 0px 0px 0px !important;
    background-color: white;
}

.top{
    width: 100%;
    text-align: right;
    text-align: right;
    text-align: left;
    width: 38%;
    height: 22px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    padding: 10px 0px 10px 0px;
    margin: 0 0 0 0;
    color: #7d7d7d;
}
.nav.menutop {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
.nav.menutop li {
    display: inline;
    padding: 5px;
    /* border-right: 2px #ffffff solid; */
}
.nav.menutop li a {
    color: black !important;
    line-height: 30px;
    padding-left: 5px;
    text-decoration: none;
}
.header .top a#logo{
    float: left;
    margin: 0px;
}
.login{
    /*float:left;
    margin : -47px 0px 0px 0px;*/


}
.header .top .login {
    width: 35px;
    line-height: 15px;
    float:left;
    margin :-4px 0px 0px 20px;
    background-image:url("/themes/InnovationInner/images/login.png");
    background-repeat:no-repeat;
    height:30px;

}

.header .top .login .moduletable ul.menu{
    margin: 0px 6px 0px 0px;
    padding: 0px 20px 0px 0px;
}

.header .top .login a, .top .login li{
    list-style-type: none;
    text-decoration: none;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    color:transparent;
    margin:0 0 11px 0 ;
}

.header .top .login input {
    background: url(../images/header_bg.png);
    background-repeat: repeat-x;
    cursor: pointer;
    border: 0;
    color: white;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
}

.header .top .language {
    float: right;
    width: 90px;
    margin: 5px auto;
}

.header .top .language a, .top .language li{
    list-style-type: none;
    text-decoration: none;
    color: white;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
}

.header .top .language .mod-languages img{
    width: 30px;
    /*height: 50px;*/
}

.header .top .search {
    float: right;
    margin: -11px -11px 0px 0px !important;
}
.maincontent .inner-1 .search input[type="text"] {
    display: none;
}

.header  .top .media {
    position: fixed;
    left: -20px;
    width: 50px;
    top: 210px;
}

.header  .top .media img{
    width: 35px;
    margin: 5px 15px;
    padding: 5px;
}

.header  .mainmenu {
    /*background-color: #334C75 !important;*/
    width: 100%;
    padding: 1px 0px;
    float:left;
}

.header  .mainmenu .moduletable .menumain,
.header  .mainmenu .moduletable_menu .menumain{
    margin-top: 3px;
}

.header  .mainmenu li, .header  .mainmenu a,
.header .header_content li, .header .header_content a {
    /*display: inline;*/
    list-style-type: none;
    text-decoration: none;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #FFF;
    /* margin: 2px 3px 0;*/
    /*padding: 6px 0 9px 3px;*/
}

.header  .mainmenu li:hover, .header  .mainmenu li.current,
.header  .mainmenu li.current >*, .header  .mainmenu a:hover,
.header .header_content li:hover, .header .header_content a:hover
{
    /*display: inline;*/
    list-style-type: none;
    text-decoration: none;
    /*background-color: #ECF5FD;*/
    color:  white /*#C3D0E5*/;
    text-shadow: 1px 1px #666;
    /*padding: 6px 0 9px 3px;*/
}

/**********************    #########   **********************/
/********************** END Header Content *****************/


/********************** START MainContent *****************/
/**********************    #########   ********************/
.maincontent {
    width: 1024px;
    background-color: #ECF5FD;
    display: table;
    clear: both;
}

.maincontent .left {
    background-color: #ECF5FD;
    float: left;
    width: 17%;
    padding: 1%;
}

.maincontent .left >* {
    border: 2px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 1px 1px 0px 3px;
}

.maincontent  .left .moduletable  a{
    text-decoration: none;
    color: #334C75;
}

.maincontent  .left .moduletable  li {
    list-style-type: circle;
    text-align: left;
    font-weight: bold;
    color: #334C75;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding: 3px;
}

.maincontent  .left .moduletable  li.current >*,
.maincontent  .left .moduletable  li:hover,
.maincontent  .left .moduletable  li.current,
.maincontent  .left .moduletable  a:hover {
    color: #A0522D;
}

.maincontent  .left .moduletable h3{
    color: #3B60AF;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin: 1px;
    padding: 2px;
}

.maincontent  .left .moduletable ul.menu ul{
    list-style-position:inside;
    padding: 1px;
    background: rgba(123, 155, 240, 0.32);
}

.maincontent  .left .moduletable ul.menu ul li{
    list-style-type: square;
}

.maincontent   .content{
    /*background: url(../images/watermark.png) no-repeat;*/
    background-color: #fff;
    background-position:center top;
    border: 1px solid #cccccc;
    /*border-radius: 7px;*/
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    width: 100%;
    min-height: 660px;
    float: left;
    margin: 8px 5px 25px 5px;
    padding: 5px;
}

.maincontent   .content h2  {
    border-style: none none solid none;
    border-color: #334C75;
    border-width: 5px;
   /* width: 750px;*/
    font-family: arial;
    line-height: 40px;
    font-size: 24px;
    text-align: center !important;
    text-decoration: none;
    color: #334C75;
    display: block;
    margin: 2%;
    padding: 1%;
}

.maincontent   .content .actions li{
    list-style-type: none;
    display: inline;
    margin: 50px 2px 2px 1px;
    padding: 5px 2px 2px 2px;
    z-index: 1;
}

.maincontent   .content p{
    margin: 5px;
    padding: 5px;
    text-align: left;
}

.maincontent   .content .item-page h1 {
    display: none;
}

.maincontent .content .item-page .student_courses h3 {
    margin: 20px !important;
}

.maincontent .content .item-page .student_courses td {
    padding: 5px;
    border: solid 2px #cccccc;
}

.maincontent .content .item-page .student_courses .odd{
    background: #ECF5FD;
}
.maincontent .inner-1 {
    background-color: #ECF5FD;
    float: left;
    width: 17%;
    padding: 1%;
}

.maincontent .inner-1 >* {
    border: 2px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 0px 1px 0px 3px;
}

.maincontent  .inner-1  .moduletable  a{
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    color: #3B60AF;
}

.maincontent  .inner-1  .moduletable  li {
    list-style-type: circle;
    text-align: left;
    color: #334C75;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 4px;
}

.maincontent  .inner-1  .moduletable  li.current >*,
.maincontent  .inner-1  .moduletable  li:hover,
.maincontent  .inner-1  .moduletable  li.current,
.maincontent  .inner-1  .moduletable  a:hover {
    color: #A0522D;
}

.maincontent  .inner-1  .moduletable h3{
    color: #3B60AF;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin: 1px;
    padding: 2px;
}

.maincontent  .inner-1  .moduletable  .spw_current_temp{
    color: #179FD2;
}

.maincontent  .inner-1  .moduletable  .weather_sp1_cleft{
    width: 35%;
}

.maincontent  .inner-1  .moduletable  .weather_sp1_cright{
    width: 60%;
}



.footer{
    background: url(../images/footer_bg.png) repeat-x;
    clear:both;
    width: auto;
    min-width: 1024px;
    height:35px;
}

.copyright{
    color: #334C75;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
    padding: 4px;
    position: relative;
}

.copyright a {
    color: #334C75;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    padding: 4px;
    position: relative;
}

/**********************    #########   **********************/
/********************** END MainContent *******************/



/*####################### CB JOOMLA ######################################*/
.cbUserListPagination a{margin: 0 4px 0 3px;}
.cbUserListResultCount {display:none;}
.cbUserListTitle{display:none;}
/*####################END CB JOOMLA ######################################*/

/********************** abooks *******************/
.pagination li{
    float: left;
    list-style-type: none;
    margin: 0 5px 0;
}
/*.abook_search_params p {
  float: left;
  margin-right: 10px;
}*/
/********************** end abooks *******************/
#menu1{display: none;}


/********************** START News Navigation *****************/
/**********************    #########   ********************/
.items-more h3 {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: blue;
}

.items-more li, .items-more a {
    font-family: arial;
    font-size: 14px;
    text-align: left;
    color: sienna;
}

.items-more li:hover, .items-more a:hover{
    color: blue;
}

.cat-children h3{
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: blue;
}

.cat-children li, .cat-children a{
    list-style-type: circle;
    font-family: arial;
    font-size: 14px;
    text-align: left;
    color: sienna;
}

.cat-children li:hover, .cat-children a:hover {
    color: blue;
}

.pagination .counter {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #334c75;
    background-color: #cde8f2;
    border-radius: 0.7rem;
}

.pagination ul
{
    /*background: url(../images/list_bg.png) repeat-x;*/
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    height: 18px;
    padding: 6px 5px;


}

.pagination li, .pagination a {
    font-family: arial;
    font-size: 14px;
    text-align: center;
    color: sienna;
}

.pagination li:hover, .pagination a:hover {
    color: blue;
}

/********************** END News Navigation *******************/

/*#############################################################################################################*/

/********        START Login Form            ********/

.content .login {
    background: url(../images/watermark_login.png) no-repeat;
    border: 2px solid #334C75;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.content .login fieldset {
    border: 0;
}

.login .login-fields label{
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #334C75;
    width: 185px;
}

.login .login-fields #password-lbl {
    margin: 15px 0px 0px 0px;
}

.login .login-fields input[type="text"], .login .login-fields input[type="password"]{
    background-color: #ECF5FD;
    font-size: 15px;
    font-weight: bold;
    color: #334C75;
}

.login fieldset button[type="submit"] {
    background-color: #334C75;
    font-size: 16px;
    font-weight: bold;
    color: white;
    border: 5px outset #334C75;
    width: 18%;
    margin: 25px;
}
.login fieldset button[type="submit"]:hover {
    background-color: #ECF5FD;
    color: #334C75;
    border: 5px outset #ECF5FD;
}

/********        END Login Form            ********/

.username{
    float: left;
    margin: 14px 0px 0px 7px;
    color: white;
}

.username >*{
    color: #FFF;
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
}



/**************
/**************
    AU Profile -->> University Units

                ***************
                ***************/
#organization
{
    position: relative;
    background-image:url("../images/university_units.png");
    background-repeat:no-repeat;
    padding: 0;
    height:393px;
    margin:10px;
}
#organization li
{
    display: block;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 120px;
    height: 120px;
    background-image: none;
}
#organization a
{
    display: block;
    outline: none;
}

#first a, #second a, #third a, #fourth a, #fifth a, #sixth a
{
    width: 120px;
    height: 120px;
}

#first
{
    left: 233px;
    top: -5px;
}

#first a:hover
{
    background: url("../images/university_units.png") -5px -388px no-repeat;
}
#second
{
    left:355px;
    top:67px;
}
#second a:hover
{
    background: url("../images/university_units.png") -372px -389px no-repeat;
}
#third
{
    left:355px;
    top:208px;
}
#third a:hover
{
    background: url("../images/university_units.png") -136px -389px no-repeat;
}
#fourth
{
    left:234px;
    top:278px;
}
#fourth a:hover
{
    background: url("../images/university_units.png") -5px -526px no-repeat;
}
#fifth
{
    left:111px;
    top:208px;
}
#fifth a:hover
{
    background: url("../images/university_units.png") -257px -394px no-repeat;
}
#sixth
{
    left:111px;
    top:67px;
}
#sixth a:hover
{
    background: url("../images/university_units.png") -127px -525px no-repeat;
}
#download
{
    left:234px;
    top:135px;
}
#download a
{
    width:120px;
    height:150px;
}

/**************
/**************
    AU Profile -->> University Units

                ***************
                ***************/




/**************
/**************
   --->>>   SITE MAP  <<<---

                ***************
                ***************/


#xmap h2.menutitle {
    background: url(../images/xmap_li.png) left no-repeat;
    background-color: #334C75;
    color: #ECF5FD;
    font: bold 18px Helvetica,Arial,Tahoma,sans-serif;
    border-bottom: none;
    text-align: left;
    padding: 10px 0px 10px 30px;
}


#xmap ul.level_0 {
    text-align: left;
    padding: 10px 5px;
}

#xmap ul.level_0 li{
    background: url(../images/li_parent.png) left no-repeat;
    background-color: #ECF5FD;
    list-style-type: none;
    text-align: left;
    margin: 10px 0px;
    padding: 0px 5px 0px 25px;
}

#xmap a {
    font: bold 15px Helvetica,Arial,Tahoma,sans-serif;
    text-decoration: none;
    color:  #334C75;

}

#xmap a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: sienna;
}

#xmap ul.level_0 li ul{
    text-align: left;
    padding: 5px 15px;
}

#xmap ul.level_0 li ul li{
    background: url(../images/li_child.png) left no-repeat;
    background-color: #ECF5FD;
    list-style-type: none;
}

/**************
/**************
   --->>>   SITE MAP  <<<---

                ***************
                ***************/

.themes {
    position: fixed;
    right: 0;
    top: 10px;
    width: 30px;
    border: 0;
}

#keyword{
    border-radius:5px;
    border: 1px solid gray;
    margin-left:31px;
    background: rgb(243, 246, 248);

}

#category{
    border-radius:5px;
    border: 1px solid gray;
    background: rgb(243, 246, 248);
}

#faculty{
    border-radius:5px;
    border: 1px solid gray;
    margin-left:16px;
    background: rgb(243, 246, 248);}

#author{
    border-radius:5px;
    border: 1px solid gray;
    margin-left:19px;
    background: rgb(243, 246, 248);
}

#title{
    border-radius:5px;
    border: 1px solid gray;
    margin-left:34px;
    background: rgb(243, 246, 248);}

.abook_search_params p label{
    font-size: 16px;
    color: rgb(124, 123, 131);
    font-family: calibri;
}

.button{
    border-radius: 7px;
    border: none;
    box-shadow: 3px 3px rgb(189, 189, 189);
    font-size: 18px;}

.button a:hover{
    color: rgb(38, 38, 138);
}
/*
.cat-children h3{display: none;}
.cat-children ul{list-style: none;}
.bookcategories li{display: none}
*/
li.folder{text-align: center;}
div.cat-children ul.bookcategories li.folder{text-align:center;}
.menu{text-align: left;}
/*.menu li{height: 150px}

.menu .item-1365 {background-image: url(../images/res/ar/staff.png);background-repeat: no-repeat;}
.menu .item-1366 {background-image: url(../images/res/ar/thesis.png);background-repeat: no-repeat;}
*/
.important-item{font-weight:bold;font-size:16px;}

#logo img
{
    /*height:145px;*/
}

/*-----------------------------------footer--------------------------------------------------------*/
.maincontent {
    line-height: 15px;
    width: 990px;
    display: table;
    clear: both;
    color: #3B60AF;
    margin: 9px;
    margin-top: 0px;
    border-radius: 20px 20px 5px 5px;
    padding: 0 12px 0 0;
    /* border: 1px solid #ACACAC; */
    border-top: none;
    /* background: rgb(214, 218, 223); */
    /* background: #BFD3E4; */
    background-image: url("/images/footer_background_2.jpg");
}
.portal-2 {
    /* border: 1px solid #C6D2E6; */
    display: block;
    margin: 0;
    overflow: auto;
    /* padding: 10px;
  width: 970px; */
    height: 294px;
    background-color: #414141;
    /* background-image: url("/images/footer_background.jpg"); */
}
.maincontent .portal-2 >* {
    float: left;
    width: 20%;
    height: 240px;
    color: white;
    margin: 3px auto;
}
.maincontent .portal-2 h3 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #50A8EE;
    border-bottom: 0.1em solid #3B60AF;
    padding: 7px 2px;
    font-weight: bold;
    border-right: 1px dotted rgb(74, 146, 213);
    border-left: 1px dotted rgb(74, 146, 213);
    text-shadow: 1px 1px 6px gray;
}
.custom {
    float: right !important;
    margin: 9px 9px 0px 0px;
}
.maincontent .portal-2 li, .maincontent .portal-2 a {
    list-style-type: circle;
    text-decoration: none;
    text-align: left;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    /* color: #3B60AF; */
    color: white;
    margin: 0 auto;
    line-height: 21px;
    /*direction:ltr;*/
}
.portal-2 > img {
    display: inline;
    float: right!important;
    width: 200px!important;
    height: 283px!important;
}
.footer {
    /* background: url(../images/footer_bg.png) repeat-x; */
    /* background-color: #334C75; */
    clear: both;
    width: 100%;
    text-align: center;
    /* height: 35px; */
}
.copyright {
    color: #ECF5FD;
    font-family: arial;
    font-weight: bold;
    font-size: 16px;
    padding: 4px;
   /* padding-bottom: 30px;*/
    position: relative;
}

/*--Root Pages Icons --*/

.icon-block-horizontal .unit-left {
  min-width: 48px;
}

.icon-block-horizontal [class*='icon-md'] {
  margin-top: -2px;
}

.icon-block-horizontal [class*='icon-lg'] {
  margin-top: -5px;
}

.icon-block-horizontal * + p {
  margin-top: 9px;
}

.icon-block-vertical * + p {
  margin-top: 9px;
}

.icon-block-vertical * + .icon-block-header {
  margin-top: 25px;
}

.icon-block-vertical-sm {
  max-width: 330px;
}

@media (max-width: 575px) {
  .icon-block-vertical-sm {
    margin-left: auto;
    margin-right: auto;
  }
}
.icon_block {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 30px;
  text-align: center;
  cursor: default;
}

.icon_block:before, .icon_block:after {
  content: '';
  position: absolute;
  width: calc(100% - 35px);
  height: calc(100% - 35px);
  border: 1px solid #c2c3c4;
  pointer-events: none;
  transition: .33s all ease;
}

.icon_block:before {
  top: 0;
  left: 0;
  border-width: 1px 0 0 1px;
}

.icon_block:after {
  bottom: 0;
  right: 0;
  border-width: 0 1px 1px 0;
}

.icon_block .block_top .block_header > * {
  /*font-family: "PT Serif", "Times New Roman", Times, serif;*/
  font-size: 18px;
}

.icon_block .divider {
  max-width: 100%;
  margin: 13px auto;
  transition: .33s all ease;
  width: 49px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  background: #6dcff6;
  fill: #6dcff6;
}

.icon_block .block_top,
.icon_block .block_body {
  position: relative;
  will-change: transform;
  transition: .33s all ease;
  -webkit-filter: blur(0);
}

.icon_block .block_top {
  top: 0;
}

.icon_block .block_body {
  max-width: 100%;
}

.icon_block .block_header {
  bottom: 0;
}

.icon_block .block_icon {
  min-height: 46px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.icon_block * + .block_header {
  margin-top: 5px;
}
.icon_block .block_top .block_header h5 a {
  font-family: 'Cairo';
  font-size: 20px;
  color: #414141;
  text-decoration: none;
}
.icon_block .block_top .block_header h5 a:hover {text-decoration: none;}
.icon_block i {color: #6dcff6;}
.icon_block.hover:before, .icon_block.hover:after, .icon_block:hover:before, .icon_block:hover:after {
  width: 100%;
  height: 100%;
  border-color: #6dcff6;
}

.icon_block.hover .block_top, .icon_block:hover .block-top {
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px);
}

.icon_block.hover .block_body, .icon_block:hover .block_body {
  -webkit-transform: translateY(9px);
  transform: translateY(9px);
}

.icon_block.hover .divider, .icon_block:hover .divider {
  width: 168px;
}

@media (min-width: 768px) {
  .icon_block {
    max-width: 308px;
    padding: 67px 40px 61px;
  }
  .icon_block .block_top .block_header > * {
    font-size: 22px;
  }
}

/*--End Root Pages Icons --*/