/*cv*/ .title_row { background-color: #003a6f; padding:10px 0; } .title_row a { background-color: transparent; color: #11e4ea; line-height: 45px !important; font-size: 14px !important; } .title_row a:hover { color: #00f8ff; } #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td{ padding: 15px; } #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(3) > td img, #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(1) > td img{ display: none; } #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td:nth-child(2) > table > tbody > tr:nth-child(1) > td, #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td:nth-child(2) > table > tbody > tr:nth-child(1) > td a{ color: #333 !important; line-height: 40px; } #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(2) > td:nth-child(3), #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(2) > td:nth-child(1), #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(3) > td, #body_sub_div > empty > div > div > div:nth-child(3) > table > tbody > tr:nth-child(2) > td > table > tbody > tr:nth-child(1) > td{ background-image: none !important; background-color: #f1f1f1; color: #333 !important; height: 15px; } #header_cv_title{ color: #11E4EA; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; font-family: nastaliqYW; font-size: 20px; font-weight: 100; position: absolute; left: 10%; top: 10px; } .body_ltr #header_cv_title{ left: auto; right: 10%; font-family: 'Merriweather',serif; top: 30px; } #header[data-menu="scroll"] #header_cv_title{ font-size: 15px; top: -5px; } .body_ltr #header[data-menu="scroll"] #header_cv_title{ top: 15px; } .cv-php #header .login, .cv-php #header .services, .cv-php #header .arrow, .cv-php #header .search_icon, .cv-php #header .lang{ border-right:none; border-left:none; } .cv_page { padding-top: 120px; } #body_sub_div { padding-top: 180px; height: 100%; } /**/ .yw_box { position: relative; margin: 0 auto 80px auto; padding: 30px 40px 40px 40px; background-color: #fff; width: 80%; z-index: 1; min-height: 600px; box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.2); } .yw_box h2{ font-size: 22px; color: #003a6f; border-top: 2px solid #ccc; padding: 20px 10px 0px 10px; line-height: 30px; font-weight: 500; } /**/ #home_slider > .glb_sec_edit{ top: 260px; } .yw_arrow_fa{ background-image: url(../../images/khu_navig_rtl.png); background-size: 25px; } .yw_arrow_en{ background-image: url(../../images/khu_navig_ltr.png); background-size: 25px; } .body_rtl header .header .row .menu a.glb_sec_edit{ left: 50%; } .body_ltr header .header .row .menu a.glb_sec_edit{ left: auto; right: 50%; } /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{height:100%;direction: ltr; user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{height:100%;max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:rgba(9,34,59,0.30);border-radius:30px;display:inline-block;height:12px;overflow:hidden;text-indent:-999em;width:12px;position:relative;z-index:10;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#134C83}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(../../images/ic_sliders_controls.png);cursor:pointer;position:absolute;z-index:2;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} #gallery_list .lSSlideOuter .lightSlider{ min-height: 180px; } /*============================================new css ============================================*/ html, body { height: 100%; width: 100%; min-height: 100%; } #body_main_div{ min-height:100%; background-color: #EDF6F9; } #body_main_div *{ font-family: iransans; } .flex{ display: flex; } .container{ max-width: 1400px; margin: 0 auto; } .max_div{ max-width: 1400px; margin: 0 auto; } header{ position: absolute; top: 0; z-index: 15; width: 100%; } header .header{ box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.2); -webmit-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.2); -moz-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.2); } header.sticky .header{ position: fixed; top: 0; z-index: 15; width: 100%; } header .top_head .flex{ justify-content: space-between; } header .top_head{ background-color: #134C83; padding: 15px 0; } header .top_head .right_head{ display: flex; align-items: center; } header .top_head .mob{ display: none; } header .top_head .corona{ color: #CDCDCE; background-image: url(../../images/nt_corona.png); background-size: 20px; background-repeat: no-repeat; margin-left: 20px; } .body_rtl header .top_head .corona{ background-position: right; padding-right: 26px; text-align: right; } .body_ltr header .top_head .corona{ background-position: left; padding-left: 26px; text-align: left; } header .top_head .contact{ color: #CDCDCE; background-image: url(../../images/nt_phone_call.png); background-size: 15px; background-repeat: no-repeat; margin-left: 20px; } .body_rtl header .top_head .contact{ background-position: right; padding-right: 25px; text-align: right; } .body_ltr header .top_head .contact{ background-position: left; padding-left: 25px; text-align: left; } header .top_head .lang a{ color: #CDCDCE; display: block; } header .top_head .lang a:first-child{ background-image: url(../../images/nt_down_arrow.png); background-size: 10px; background-position: right; background-repeat: no-repeat; padding-right: 15px; padding-left: 5px; } header .top_head .lang a:last-child{ position: absolute; background-color: #134C83; padding: 20px 5px 5px 5px ; z-index: 1; width: 100%; text-align: center; display: none; } header .top_head .lang:hover a:last-child{ display: block; } header .top_head .lang li{ display: none; } header .top_head .search{ position: relative; } header .top_head .search input[type="submit"] { background-image: url(../../images/nt_search.png); background-color: transparent; border: none; box-shadow: none; background-position: center; background-size: contain; background-repeat: no-repeat; position: absolute; top: 5px; z-index: 1; margin: 0; } .body_rtl header .top_head .search input[type="submit"]{ left: 0; } .body_ltr header .top_head .search input[type="submit"]{ right: 0; } header .top_head .search input[type="text"]{ background-color: #edf6f9; height: 30px; width: 225px; border-radius: 50px; padding: 5px 10px; } header .header{ background-color: #EDF6F9; } header .header .row .mob_menu{ display: none; } header .header .row{ justify-content: space-between; } header .header .row .logo > img{ height: 100px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } .body_ltr header .header .row .logo > img{ margin-right: 20px; } .body_rtl header .header .row .logo > img{ margin-left: 20px; } header.sticky .header .row .logo > img{ height: 70px; } header .header .row .logo .title img{ height: 60px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } header.sticky .header .row .logo .title img{ height: 40px; } header .header .row .logo .title div{ color: #134C83; font-size: 14px; padding-top: 5px; border-top: 2px solid; font-weight: 500; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; margin-top: 5px; } header.sticky .header .row .logo .title div{ font-size: 10px; } header .header .row .logo{ display: flex; align-items: center; } header .header .row .menu a{ color: #134C83; font-weight: 500; cursor: pointer; } header .header .row .menu{ width: 850px; display: table; text-align: center; position: static; } header .header .row .menu .top span{ color: #134C83; font-weight: 600; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } header .header .row .menu .top, header .header .row .menu .bot{ display: table-row; width: 100%; justify-content: space-between; align-items: center; } header .header .row .menu .bot{ position: static; } header .header .row .menu .top .cell{ border-bottom: 1px solid rgba(9,34,59,.5); white-space: nowrap; } header .header .row .menu .top .cell, header .header .row .menu .bot .cell{ display: table-cell; padding: 15px 0; font-size: 16px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; vertical-align: middle; height: 60px; } header.sticky .header .row .menu .top .cell, header.sticky .header .row .menu .bot .cell{ font-size: 14px; padding: 10px 0; height: 50px; } header .header .row .menu .bot .cell{ border-bottom: 2px solid transparent; position: static; } header .header .row .menu .bot .cell > div{ display: none; position: absolute; background-color: #EDF6F9; max-width: 1400px; padding: 10px; border-radius: 0 0 5px 5px; top: 125px; opacity: 0; transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; } .body_rtl header .header .row .menu .bot .cell > div{ left: 0; } .body_ltr header .header .row .menu .bot .cell > div{ right: 0; } header.sticky .header .row .menu .bot .cell > div{ top: 101px; } header .header .row .menu .bot .cell > div > div .col{ font-size: 14px; padding: 10px; } header .header .row .menu .bot .cell .col_1, header .header .row .menu .bot .cell .col_2, header .header .row .menu .bot .cell .col_3{ min-width: 850px; } header .header .row .menu .bot .cell .col_3 > div .col{ width: 33.3333%; } header .header .row .menu .bot .cell .col_2 > div .col{ width: 50%; } header .header .row .menu .bot .cell .col_2 > div .col{ width: 100%; } header .header .row .menu .bot .cell .col_4{ min-width: 100%; } header .header .row .menu .bot .cell .col_4 > div .col{ width: 25%; } header .header .row .menu .bot .cell:hover > div{ display: block; opacity: 1; } header .header .row .menu .bot .cell > div > div{ display: flex; border: 1px solid #fff; border-radius: 5px; } .body_rtl header .header .row .menu .bot .cell > div > div{ text-align: right; } .body_ltr header .header .row .menu .bot .cell > div > div{ text-align: left; } header .header .row .menu .bot .cell > div > div .col .mnu_title{ font-size: 14px; font-weight: 600; margin-bottom: 5px; } header .header .row .menu .bot .cell > div > div .col .mnu_title:not(:first-child){ margin-top: 5px; } header .header .row .menu .bot .cell > div > div .col a{ display: block; font-weight: 400; background-repeat: no-repeat; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; background-size: 6px; } .body_rtl header .header .row .menu .bot .cell > div > div .col a{ padding-right: 10px; background-position: right center; background-image: url(../../images/nt_menu_arrow.png); } .body_rtl header .header .row .menu .bot .cell > div > div .col a:hover{ padding-right: 15px; } .body_rtl header .header .row .menu .bot .cell > div > div .col a.lvl3{ padding-right: 20px; } .body_rtl header .header .row .menu .bot .cell > div > div .col a.lvl3:hover{ padding-right: 25px; } .body_ltr header .header .row .menu .bot .cell > div > div .col a{ background-image: url(../../images/nt_menu_arrow_en.png); padding-left: 10px; background-position: left center; } .body_ltr header .header .row .menu .bot .cell > div > div .col a:hover{ padding-left: 15px; } .body_ltr header .header .row .menu .bot .cell > div > div .col a.lvl3{ padding-left: 20px; } .body_ltr header .header .row .menu .bot .cell > div > div .col a.lvl3:hover{ padding-left: 25px; } header .header .row .menu .bot .cell > div > div .col a.lvl3:after{ content: ''; display: block; position: absolute; width: 7px; height: 100%; top: 0; background-size: 6px; background-repeat: no-repeat; background-position: center; z-index:1; } .body_rtl header .header .row .menu .bot .cell > div > div .col a.lvl3:after{ right: 8px; background-image: url(../../images/nt_menu_arrow.png); } .body_ltr header .header .row .menu .bot .cell > div > div .col a.lvl3:after{ left: 8px; background-image: url(../../images/nt_menu_arrow_en.png); } header .header .row .menu .bot .glb_sec_edit { top: 70px; } header .header .row .menu .bot .cell:hover{ border-bottom: 2px solid rgba(9,34,59,1); } header .header .row .menu .top{ padding-bottom: 10px; margin-bottom: 10px; } header .header .row .menu .bot a{ font-weight: 600; } header .header .row .menu .top .login > span{ background-color: #134C83; border-radius: 50px; padding: 5px 0; color: #fff; cursor: pointer; display: block; } header .header .row .menu .top .login .login_box{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: absolute; width: 300px; background-color: #EDF6F9; top: 45px; box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.3); -webmit-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.3); -moz-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.3); z-index: 10; padding: 20px; overflow: hidden; cursor: default; display: none; color: #fff; text-align: center; } .body_rtl header .header .row .menu .top .login .login_box{ left: 0; } .body_ltr header .header .row .menu .top .login .login_box{ right: 0; } header .header .row .menu .top .login.open .login_box{ display: block; } header .header .row .menu .top .login .login_box .icon{ background-image: url(../../images/nt_login_awatar.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 70px; height: 70px; margin:10px auto; } header .header .row .menu .top .login .login_box .icon.logout{ position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -mox-transform: translateX(-50%); top: 45px; } header .header .row .menu .top .login .login_box .icon_close{ background-image: url(../../images/nt_close_icon.png); background-size: contain; background-position: center; background-repeat: no-repeat; width: 15px; height: 15px; position: absolute; left: 15px; top: 15px; z-index: 1; cursor: pointer; } header .header .row .menu .top .login .login_box form .submit_login_top{ background-color: #134C83; border-radius: 20px; border: none; padding: 0 40px!important; height: 30px; line-height: 30px; font-weight: 500; margin: 0; width: 50%; } header .header .row .menu .top .login .login_box form .flex label{ width: 50%; text-align: right; display: flex; align-items: center; color: #134C83; font-size: 14px; } header .header .row .menu .top .login .login_box form .flex #login_chkbox{ width: 15px; height: 15px; margin-left: 5px; } header .header .row .menu .top .login .login_box form .flex a{ width: 50%; text-align: right; } header .header .row .menu .top .login .login_box form .flex a:last-child{ text-align: left; } header .header .row .menu .top .login .login_box form .flex{ display: flex; align-items: center; } header .header .row .menu .top .login .login_box form .flex:last-child{ margin-top: 15px; border-top: 1px solid #707070; padding-top: 15px; } header .header .row .menu .top .login .login_box form{ width: 230px; margin: 0 auto; } header .header .row .menu .top .login .login_box #user_style, header .header .row .menu .top .login .login_box #pass_style{ border-radius: 50px; background-color: #fff; width: 100%; margin-bottom: 15px; height: 30px; display: block; } header .header .row .menu .top .login .login_box .circle{ background-color: #134C83; width: 500px; height: 500px; border-radius: 50%; position: absolute; transform: translateX(-50%); left: 50%; top: -410px; z-index: -1; } header .header .row .menu .top .login .login_box a li{ font-size: 14px; padding: 5px; border-radius: 20px; } header .header .row .menu .top .login .login_box a:first-child li{ color: #fff; margin-top: 0; margin-bottom: 80px; } header .header .row .menu .top .login .login_box a:hover:not(:first-child) li{ background-color: #134C83; color: #fff; } /*--------------------- body -----------------*/ #home_slider .lSSlideOuter .lSPager.lSpg{ margin-top: -25px !important; } #home_slider{ height: 100%; min-height: 100%; /* overflow: hidden;*/ background-color: #EDF6F9; } #home_slider .slider_box{ width: 100%; height: 100% !important; max-height: 100%; } #home_slider .lSSlideWrapper{ max-height: 100%; height: 100%; } #home_slider .slider_box .container{ max-height: 100%; height: 100%; background-color: #000; max-width: 100% !important; padding: 0 !important; } #home_slider .slider_box .items{ position: relative; height: 100% !important; } #home_slider .slider_box .items img{ width: 100%; height: 100%; max-height: 100%; opacity: .8; } #home_slider .slider_box .info_container{ position: absolute; bottom: 100px; width: 100%; max-width: 1400px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); } .body_rtl #home_slider .slider_box .info_container{ text-align: right; } .body_ltr #home_slider .slider_box .info_container{ text-align: left; } #home_slider .slider_box .items .info p{ color: #fff; } #home_slider .slider_box .items .info a h2{ color: #fff; font-weight: 500; font-size: 26px; } #home_slider .slider_box .items .info{ background-color: rgba(0,0,0,0.60); display: inline-block; padding: 10px; border-radius: 10px; } #home_slider .slider_box .items .info .content{ display: inline-block; vertical-align: middle; } .body_rtl #home_slider .slider_box .items .info .content{ direction: rtl; } #home_slider .slider_box .items .info button{ display: inline-block; vertical-align: middle; } #home_slider .slider_box .items .info button{ background-size: contain; background-repeat: no-repeat; width: 25px; height: 25px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; background-position: center; background-color: transparent; border: none; box-shadow: none; } #home_slider .slider_box .items .info button.goToNextSlide{ background-image: url(../../images/nt_next.png); } #home_slider .slider_box .items .info button.goToPrevSlide{ background-image: url(../../images/nt_previous.png); } #news .sec_title{ max-width: 1400px; margin: 0 auto 10px auto; /* background-color: #134C83;*/ color: #134C83; font-size: 30px; font-weight: bold; width: 100%; padding: 10px 0 10px 0; text-align: center; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; /* background-position: right center; background-repeat: no-repeat; background-size: contain; background-image: url(../../images/nt_menu_arrow.png); */ } #news{ background-color: #EDF6F9; padding:50px 0; } #news .more_container{ max-width: 1400px; margin:40px auto 0 auto; } .body_ltr #news .more_container{ text-align: right; } .body_rtl #news .more_container{ text-align: left; } #news .more_container .more{ background-color: #2b5f92; padding:5px 30px; border-radius: 5px; color: #fff; text-align: center; box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); -webmit-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); -moz-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); } #news .more_container .more:hover{ background-color: #134C83; } #news .container{ display: flex; max-width: 1400px; margin: 0 auto; flex-wrap: wrap; } #news .container .flex{ box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); -webmit-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); -moz-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); background-color: #fff; } #news .container .flex > div{ width: 50%; } #news .container .flex > div .items{ background-color: #fff; font-size: 0; } #news .container .flex > div:last-child .items{ display: flex; } #news .container .flex > div:last-child .items:nth-child(2){ flex-direction: row-reverse; } .body_rtl #news .container .flex > div:first-child{ padding-left: 2.5px; } .body_rtl #news .container .flex > div:last-child{ padding-right: 2.5px; } .body_ltr #news .container .flex > div:first-child{ padding-right: 2.5px; } .body_ltr #news .container .flex > div:last-child{ padding-left: 2.5px; } #news .container .flex > div:last-child .items .info{ width: 50%; } #news .container .flex > div:last-child .items .cover{ max-width: 100%; height: 200px; width: 50%; } #news .container .flex > div:first-child .items .cover{ height: 400px; } #news .container > div:first-child .items .info{ height: 200px; } #news .container .items .cover img{ max-width: 100%; max-height:100%; height:100%; width: 100%; } #news .container .items .info{ padding: 15px; font-size: 16px; } #news .container .items .info .date{ color: #707070; /* font-weight: 500;*/ } #news .container .items .info .title{ color: #134C83; font-weight: bold; font-size: 18px; margin: 5px 0; } #news .container .items .info .desc{ color: #555; font-size: 14px; } #events{ background-color: #EDF6F9; padding-bottom: 100px; } .event_tabs { position: relative; overflow: hidden; margin: 0 auto; width: 100%; } .event_tabs nav { text-align: center; max-width: 1400px; margin: 0 auto; } .event_tabs nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; padding: 0 0 5px 0; border-bottom: 2px solid #134C83; } .event_tabs nav ul li { list-style: none; } .event_tabs nav a { color: #fff; background-color: #134C83; display: block; padding: 10px 20px; font-size: 20px; font-weight: 500; } .body_rtl #events > div > div > nav > ul > li:nth-child(2) > a{ border-top-left-radius: 20px; margin-right: 5px; } .body_ltr #events > div > div > nav > ul > li:nth-child(2) > a{ border-top-right-radius: 20px; margin-left: 5px; } .event_tabs nav li.tab-current a { background-color: #F6AE2D; } .event_tabs nav a:focus { outline: none; } .event_tabs .event_slider{ margin-top: 35px; min-height: 400px; } .event_tabs .event_slider .items{ height: 440px; } .event_tabs .event_slider .items .bg_box{ background-color: #134C83; border-radius:10px; padding-top: 40px; position: relative; } .event_tabs .event_slider .items .bg_box img{ width: 100%; height: 300px; } .event_tabs .event_slider .items .pad{ width: 100%; height: 20px; } .event_tabs .event_slider .items .date{ position: absolute; width: 110px; height: 45px; background-color: #F6AE2D; color: #fff; z-index: 1; top:-15px; transform: translateX(-50%); left: 50%; padding: 10px 20px; border-radius: 15px 0 15px 0; text-align: center; } .event_tabs .event_slider .items .title{ color: #fff; text-align: center; padding: 10px; height: 75px; } .event_tabs .notifications_slider{ margin-top: 50px; } .event_tabs .notifications_slider .items .info{ display: flex; background-color: #134C83; height: 160px; } .event_tabs .notifications_slider .items .info .content{ background-color: #134C83; padding: 15px; width: 90%; height: 185px; top: -25px; color: #fff; } .body_rtl .event_tabs .notifications_slider .items .info .content{ text-align: right; } .body_rtl .event_tabs .notifications_slider .items .info .content .date{ position: absolute; left: 15px; bottom: 15px; font-weight: 100; line-height: 1; } .body_ltr .event_tabs .notifications_slider .items .info .content .date{ position: absolute; right: 15px; bottom: 15px; font-weight: 100; line-height: 1; } .event_tabs .notifications_slider .items .info .content .desc{ font-size: 14px; } .event_tabs .notifications_slider .items .info .content .title{ font-size: 16px; font-weight: 500; margin-bottom: 5px; } .event_tabs .notifications_slider .items .info .side{ width: 50px; background-color: #2b5f92; } .event_tabs .notifications_slider .items .info .side a{ display: block; width: 50px; height: 50px; background-color:#F6AE2D; background-image: url(../../images/nt_next.png); background-size: 20px; background-position: center; background-repeat: no-repeat; } .event_tabs .notifications_slider .items .cover{ overflow: hidden; border-radius: 15px 15px 0 0 ; height: 350px; height: 260px; } .event_tabs .notifications_slider .items .cover img{ width: 100%; height: 100%; } /* Content */ #events .more_container{ max-width: 1400px; margin: 40px auto 10px auto; height: 30px; } .body_ltr #events .more_container{ text-align: right; } .body_rtl #events .more_container{ text-align: left; } #events .more_container .more{ background-color: #2b5f92; padding:5px 30px; border-radius: 5px; color: #fff; text-align: center; box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); -webmit-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); -moz-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); } #events .more_container .more:hover{ background-color: #134C83; } #events .content-wrap { position: relative; border: none; max-width: 1400px; margin: 0 auto; height: 590px; } #events .content-wrap section { display: block!important; padding: 0; left: -200%; width: 100%; max-width: 100%; opacity: 0; } #events .content-wrap section.content-current { left: 0; width: 100%; max-width: 100%; opacity: 1; } #events .content-wrap #section-line-1:not(.content-current){ height: 0; } #events .lSAction{ top: -200px; } #events .lSAction>.lSNext, #events .lSAction>.lSPrev{ background-position: center; background-size: cover; background-repeat: no-repeat; width: 50px; height: 50px; opacity: 1; } #events .lSAction>.lSNext{ background-image: url(../../images/nt_slider_arrow_next.png); right: -80px; } #events .lSAction>.lSPrev{ background-image: url(../../images/nt_slider_arrow_previous.png); left: -80px; } #about{ background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url(../../images/nt_about_background.png); background-attachment: fixed; } #about .lSAction{ top: -50px; } #about .lSAction>.lSNext, #about .lSAction>.lSPrev{ background-position: center; background-size: contain; background-repeat: no-repeat; width: 40px; height: 40px; opacity: 1; } #about .lSAction>.lSNext{ background-image: url(../../images/nt_about_next.png); right: -60px; } #about .lSAction>.lSPrev{ background-image: url(../../images/nt_about_previous.png); left: -60px; } #about .container{ max-width: 1400px; margin: 0 auto; position: relative; padding-top: 80px; } #about .container .sec_title{ color: #fff; font-size: 30px; text-align: center; font-weight: bold; margin-bottom: 100px; } #about .container .sec_title span{ color: #F6AE2D; } #about .container .items{ color: #fff; display: block; text-align: center; cursor: pointer; } #about .container .flex .items{ width: 13%; } #about .container .items .img img{ max-width: 100%; } #about .container .items .title{ text-align: center; min-height: 50px; } #about .container .items .title span{ width: 100%; display: block; font-size: 16px; font-weight: 500; } #about .container .mission .title{ width: 70%; border-bottom: 1px solid rgba(205,205,206,.5); text-align: center; margin: 0 auto; margin-bottom: 10px; padding-bottom: 10px; } #about .container .mission{ background-color: rgba(0,0,0,.5); border-radius: 5px 5px 0 0; bottom: -130px; color: #fff; padding: 20px 40px; transition: all .5s ease-in-out; margin-top: 20px; } .body_ltr #about .container .mission{ line-height: 20px; } #about .container .mission:hover{ bottom: 0; } #calendar{ background-color: #EDF6F9; padding:80px 0; } #calendar .container{ max-width: 1400px; margin: 0 auto; } #calendar .sec_title{ background-color: #134C83; color: #fff; font-size: 30px; font-weight: bold; width: 100%; padding: 10px 0; text-align: center; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; } #calendar .box_items{ display: flex; flex-wrap: wrap; box-shadow: 0 3px 4px 2px #ccc; -webkit-box-shadow: 0 3px 4px 2px #ccc; -moz-box-shadow: 0 3px 4px 2px #ccc; } #calendar .box_items .items{ display: flex; } #calendar .box_items .items:nth-child(1), #calendar .box_items .items:nth-child(3){ border-left:1px solid #707070; } #calendar .box_items .items:nth-child(1), #calendar .box_items .items:nth-child(2){ border-bottom:1px solid #707070; } #calendar .box_items .items .icon{ background-position: center; background-size: contain; background-repeat: no-repeat; width: 80px; height: 80px; } #calendar .box_items .items:nth-child(1) .icon{ background-image: url(../../images/nt_calender_1.png); } #calendar .box_items .items:nth-child(2) .icon{ background-image: url(../../images/nt_calender_2.png); } #calendar .box_items .items:nth-child(3) .icon{ background-image: url(../../images/nt_calender_3.png); } #calendar .box_items .items:nth-child(4) .icon{ background-image: url(../../images/nt_calender_4.png); } .body_ltr #calendar .box_items .items .info{ padding-left: 20px; } .body_rtl #calendar .box_items .items .info{ padding-right: 20px; } #calendar .box_items .items .info .title{ color: #134C83; font-weight: 500; font-size: 20px; } #calendar .box_items .items{ width: 50%; padding: 40px; } /*--------------------- body -----------------*/ footer .top{ background-image: url(../../images/nt_footer_bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; border-top: 5px solid #F6AE2D; overflow: hidden; padding: 80px 0; } footer .top .container.map_content{ color: #fff; text-align: center; justify-content: space-between; } footer .top .container.map_content .map{ width: 46%; } footer .top .container.map_content .map a{ width: 100%; height: 250px; border-radius: 5px; background-image: url(../../images/mapkrj.png); background-size: cover; background-position: center; display: block; } footer .top .container.map_content .map.tehran a{ background-image: url(../../images/maptehran.png); } footer .top .container.map_content .map .add{ margin-top: 20px; padding-right: 30px; display: inline-block; background-image: url(../../images/nt_map_pin.png); background-repeat: no-repeat; background-position:right center; background-size: contain; } footer .top .container.map_content, footer .top .container.address_content{ display: none; min-height: 300px; } footer .top .container.map_content.open, footer .top .container.address_content.open{ display: flex; } footer .top .container{ max-width: 1400px; margin: 0 auto; display: flex; } footer .top .container > div{ width: 50%; } footer .top .container .links .title{ color: #F6AE2D; font-weight: bold; margin-bottom: 20px; } footer .top .container .links div a{ color: #fff; } footer .top .container .links{ display: flex; } footer .top .container .links > div div{ margin-bottom: 10px; } footer .top .container .links > div{ width: 50%; } footer .bot{ background-color: #134C83; border-top: 5px solid #F6AE2D; text-align: center; padding: 20px 0 ; color: #fff; } footer .top .container .address{ color:#fff; } footer .top .container .address > div{ background-repeat: no-repeat; margin-bottom: 10px; } .body_rtl footer .top .container .address > div{ background-position: right center; padding-right: 30px; } .body_ltr footer .top .container .address > div{ background-position: left center; padding-left: 30px; } footer .top .container .address .add{ background-image: url(../../images/nt_map.png); background-size: 15px; } footer .top .container .address .tell{ background-image: url(../../images/nt_phone.png); background-size: 15px; } footer .top .container .address .postall{ background-image: url(../../images/nt_postbox.png); background-size: 18px; } footer .top .container .address .email{ background-image: url(../../images/nt_mail.png); background-size: 20px; } footer .top .container .address .social{ display: flex; justify-content: flex-end; width:100%; position: absolute; bottom: 0; } footer .top .container .address .social a{ display: block; width: 30px; height: 30px; border-radius: 5px; background-position: center; background-repeat: no-repeat; background-size: 20px; background-color: #E4E4E4; margin-right: 10px; } footer .top .container .address .social .rss{ background-image: url(../../images/nt_rss.png); } footer .top .container .address .social .rg{ background-image: url(../../images/nt_rg.png); } footer .top .container .address .social .twitter{ background-image: url(../../images/nt_twitter.png); } footer .top .container .address .social .telegram{ background-image: url(../../images/nt_telegram.png); } footer .top .container .address .social .linkedin{ background-image: url(../../images/nt_linkedin.png); } footer .top .container .address .social .eitaa{ background-image: url(../../images/nt_eitaa.png); } footer .top .container .address .social .soroush{ background-image: url(../../images/nt_soroush.png); } footer .top .container .address .social .instagram{ background-image: url(../../images/nt_instagram.png); } footer .top .container .address .social .aparat{ background-image: url(../../images/nt_aparat.png); } footer .top .map_link.map{ left: -20px; } footer .top .map_link{ position: absolute; left: -44px; padding: 10px 15px; background-color: rgba(255,255,255,.2); color: #fff; transform: rotate(-90deg); top: 160px; border-radius: 0 0 5px 5px; cursor: pointer; z-index: 1; } @media only screen and (max-width:1600px) { .row, header .header .row .menu .bot .cell > div, #news .sec_title, #news .more_container, .event_tabs nav, #events .more_container, #events .content-wrap, #special_services_page .tb_img, #special_services_page .top_boxes, .container{ max-width: 1200px !important; } } @media only screen and (max-width:1400px) { header .header .row .menu .bot .cell > div{ top: 117px; } .container, .slider_continer, .max_div, #news .sec_title, #news .more_container, .event_tabs nav{ max-width: 100% !important; padding-right: 40px; padding-left: 40px; } #special_services_page .sec_tab .ywtab nav li span { font-size: 14px; } #special_services_page .sec_tab { padding: 40px 0 80px 0; } #special_services_page .top_boxes{ max-width: 100% !important; border-radius: 0; } #special_services_page .tb_img{ max-width: 90%; } #events .content-wrap{ max-width: 100%; padding-right:100px; padding-left: 100px; } #news .container .items .info .desc{ font-size: 12px; } #news .container .items .info .title{ font-size: 16px; } #about .container .mission{ bottom: -147px; min-height: 200px; } #slider_box{ min-height: 60px; bottom: 50px; right: 40px; } #slider_box .content .items h2{ font-size: 22px; } header .header .row .menu{ width: 700px; } body{ font-size:14px; } header .header .row .menu .top .login > span{ padding: 5px 10px; } header .header .row .menu .top .cell, header .header .row .menu .bot .cell { font-size: 14px; } #body_sub_div { padding-top: 175px; } } @media only screen and (max-width:1024px) { #about .slider_box{ padding: 0 50px; } #about .container .items img{ width: 200px; } #home_slider .slider_box .info_container{ width: 100%; display: flex; bottom: 0; } #home_slider .slider_box .items .info{ width: 100%; display: flex; justify-content: center; border-radius: 10px 10px 0 0; } #home_slider .slider_box .items .info a h2 { font-size: 22px; } #home_slider .slider_box .items .info p { font-size: 14px; } #home_slider .slider_box .items .info .content { text-align: center; padding: 0 20px; } header .header .row .menu .top .cell, header .header .row .menu .bot .cell{ font-size:12px; } .bg_images_full_filter { top: 170px; } #body_sub_div { padding-top: 170px; } #home_slider { height: 600px; min-height: 600px; } #slider_box { width: 100%; justify-content: center; bottom: 0; } #slider_box { right: 0; } .event_tabs .notifications_slider .items .info .content .date { left: 10px; bottom: 10px; } .event_tabs .notifications_slider .items .cover { height: 240px; } .event_tabs .notifications_slider .items .info .content .title{ font-size: 16px; } .event_tabs .notifications_slider .items .info .content .desc { font-size: 14px; } .event_tabs .notifications_slider .items .info .content{ padding: 10px; } #news .container .flex{ flex-wrap: wrap; } #news .container .flex > div{ min-width: 450px; } } @media only screen and (max-width:1000px) { #home_slider .lSSlideOuter .lSPager.lSpg { margin-top: 15px !important; } header .top_head .lang a:last-child{ background-color: transparent; } #news .container .flex > div:first-child{ padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 10px; } #news .container .flex > div:last-child { padding-right: 0 !important; padding-left: 0 !important; } #news .container{ justify-content: center; } #news .container .flex > div { width: 100%; } #news .container .flex > div:first-child .items .cover img{ height: auto; } #news .container .flex > div:first-child .items .cover { height: auto; } #news .container .flex > div:first-child .items .info { height: auto; } header{ position: relative; } .body_rtl header .header .row .logo .title div{ display: none; } .body_ltr header .header .row .logo .title div{ border: none; font-size: 18px; } .body_ltr header .header .row .logo .title img{ display: none; } #home_slider .slider_box .items .info a h2 { font-size: 12px; } #home_slider .slider_box .items .info .content { padding: 0 0px; } #home_slider .slider_box .container { max-height: inherit; height: auto; } #home_slider .slider_box .items .info { align-items: center; justify-content: space-between; } header .top_head .right_head{ display: none; position: absolute; width: 100%; background-color: #09223a; top: 45px; z-index: 1; left: 0; } header .top_head .corona{ background-position: right; margin-right: 20px; padding: 10px 26px; } header .top_head .contact{ background-position: right; padding: 10px 26px; margin-right: 20px; } header .top_head .lang a:first-child{ background-image: none; } header .top_head .lang a:last-child{ display: block; position: relative; } header.top_open_mob .top_head .right_head{ display: block; } header.top_open_mob .header { top: 125px; } header .top_head .lang a:last-child, header .lang a { text-align: right; padding: 10px 26px !important; display: inline-block !important; width: auto; } header.login_open .header .row .menu .top .cell:not(:first-child){ display: block; } header.login_open .header .row .menu .top .login .login_box{ display: block; position: fixed; z-index: 1; width: 95%; top: 60px; max-width: 320px; } .body_ltr header.login_open .header .row .menu .top .login .login_box{ right: 0; } .body_rtl header.login_open .header .row .menu .top .login .login_box{ left: 0; } header.login_open .header .row .menu{ background-color: transparent; z-index: 10; } header.login_open .header .row .menu{ display: block; } header .lang { text-align: center; } header .top_head .lang a:last-child{ padding: 10px 0 !important; } header .top_head .search input[type="text"]{ width: 155px; } header .top_head .right_head a{ display: block; } .body_rtl header.sticky .header .row .logo > img, .body_rtl header .header .row .logo > img{ height: 60px; margin-left: 10px; } .body_ltr header.sticky .header .row .logo > img, .body_ltr header .header .row .logo > img{ height: 60px; margin-right: 10px; } header.sticky .header .row .logo .title img, header .header .row .logo .title img{ height: 40px; } header .top_head .flex, header .header .row{ align-items: center; } header .header .row .mob_menu{ background-size: 30px; background-repeat: no-repeat; background-position:left center; width: 30px; height: 30px; cursor: pointer; background-image: url(../../images/nt_mob_menu.png); display: block; transition:all .3s ease; } header .header.op_mob .row .mob_menu{ background-image: url(../../images/nt_mob_menu_c.png); background-size: 20px; } header .top_head .mob_icon{ background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 20px; cursor: pointer; background-image: url(../../images/nt_mob_menu_top.png); } header .top_head .mob{ display: flex; align-items:center; } header .top_head .mob_p_icon{ background-size: contain; background-repeat: no-repeat; background-position: center; width: 25px; height: 25px; cursor: pointer; background-image: url(../../images/nt_mob_p_menu_top.png); } .body_ltr header .top_head .mob_p_icon{ margin-right: 20px; } .body_rtl header .top_head .mob_p_icon{ margin-left: 20px; } header .header .row .menu .top, header .header .row .menu .bot, header .header .row .menu .top .cell, header .header .row .menu .bot .cell { display: block; } header .header .row .menu{ position: fixed; background-color: #EDF6F9; left: 0; border-top: 1px solid #ddd; padding: 10px 40px; height: 100%; width: 100%; top: 130px; padding-bottom: 200px; overflow-y: auto; } header .header .row .menu{ left: 100%; } header .header.op_mob .row .menu{ left: 0; } header.sticky .header .row .menu{ top: 70px; padding-bottom: 150px; display: block; } header .header .row .menu .top .login > span{ display: none; } header .header .row .menu .top .cell { border-bottom:none; } header .header .row .menu .top { padding-bottom: 0; margin-bottom: 0; } header .header .row .menu .bot, header .header .row .menu .top{ text-align: right; } header.sticky .header .row .menu .top .cell, header.sticky .header .row .menu .bot .cell, header .header .row .menu .top .cell, header .header .row .menu .bot .cell{ font-size: 14px; padding: 5px 0; height: auto; } header .header .row .menu .top .cell:not(:first-child){ display: none; padding-right: 40px; background-color: #fff; padding: 10px 20px; } header .header .row .menu .bot .cell{ border-bottom:none; position: relative; } header .header .row .menu .top .cell:first-child:after, header .header .row .menu .bot .cell:after{ content: ''; display: block; position: absolute; left: 20px; z-index: 1; top: 7px; width: 18px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(../../images/nt_mob_menu_arrow.png); } .body_ltr header .header .row .menu .top .cell:first-child:after, .body_ltr header .header .row .menu .bot .cell:after{ right: 20px; left: auto; } header .header .row .menu .top.open .cell:first-child:after, header .header .row .menu .bot .cell.open:after{ transform: rotate(270deg); } header .header .row{ padding: 5px 40px; } .bg_images_full_filter { top: 0; } #body_sub_div { padding-top: 0; } #home_slider { padding-top: 0; height: auto; min-height: inherit; } #news { padding: 50px 0; } #events { padding-bottom: 50px; } #about .container .sec_title { margin-bottom: 50px; } #about .container { padding-top: 50px; } #about .container .mission { padding: 20px 20px; } header .header .row .menu .top .cell{ padding: 0; } header .header .row .menu .bot .cell > div > div .col a, header .header .row .menu .bot .cell > div > div .col .mnu_title{ display: block; padding-top: 5px; padding-bottom: 5px; } header .header .row .menu .top span, header .header .row .menu .bot .cell > a { padding: 5px 40px; display: block; } header .header .row .menu .top.open .cell:not(:first-child){ display: block; } header.sticky .header .row .menu .bot .cell > div, header .header .row .menu .bot .cell > div{ position: relative; top: auto; padding: 10px 20px ; } header .header .row .menu .bot .cell > div > div{ display: block; border:none; } header .header .row .menu .bot .cell > div > div .col{ padding: 0 ; } header .header .row .menu .bot .cell:hover { border-bottom: none; } header .header .row .menu .bot .cell:hover > div{ display: none; } header .header .row .menu .bot .cell.open > div { display: block; opacity: 1; background-color: #fff; } header .header .row .menu{ padding: 10px 0; } header .header .row .menu .bot .cell .col_1 > div .col, header .header .row .menu .bot .cell .col_2 > div .col, header .header .row .menu .bot .cell .col_3 > div .col, header .header .row .menu .bot .cell .col_4 > div .col{ width: 100%; } #calendar .box_items .items .icon { width: 40px; height: 40px; } #about .container .mission .content{ font-size: 12px; } } @media only screen and (max-width:768px) { #news .container > div:first-child .items .info { height: auto; } #about .container .items img { width: 100px; } #news .container .flex > div{ min-width:inherit; } .slider_continer, .max_div, header .header .row .menu .bot .cell > div, #news .sec_title, #news .more_container, .event_tabs nav, .container{ padding-right: 20px; padding-left: 20px; } header .header .row .menu .top span, header .header .row .menu .bot .cell > a { padding: 5px 20px; display: block; } #news .container .flex > div:last-child .items{ display: block; } header .header .row { padding: 5px 20px; } #events .content-wrap { max-width: 500px; } .event_tabs .notifications_slider .items .cover { height: 220px; } .event_tabs .notifications_slider .items .info .content{ padding: 10px; } .event_tabs .notifications_slider .items .info .content .title{ font-size: 14px; margin-bottom: 10px; } .event_tabs .notifications_slider .items .info .content .desc{ font-size: 12px; } .event_tabs .notifications_slider .items .info .side { width: 50px; } .event_tabs .notifications_slider .items .info .side a { width: 50px; height: 50px; background-size: 15px; } .event_tabs .notifications_slider .items .info .content .date { left: 10px; bottom: 5px; } #news .container .flex > div:last-child .items .cover { max-width: 100%; height: auto; width: 100%; } #news .container .flex{ display: block; } #news .container .items .info .title { font-size: 14px; } #news .container .items .info .date, #news .container .items .info .desc { font-size: 12px; } #about .container .flex .items { width: 30%; } #about .container .flex{ flex-wrap: wrap; } #calendar .box_items{ display: block; } #calendar .box_items .items { width: 100%; border: none !important; border-top: 1px solid #ddd !important; } footer .top .container.map_content.open, footer .top .container.address_content.open { display: block; } footer .top .container > div { width: 90%; margin: 0 auto; } footer .top .container.map_content .map { width: 70%; margin-bottom: 20px; } footer .top .container .links { margin-bottom: 30px; } #about .container .mission .content{ font-size: 11px; } } @media only screen and (max-width:600px) { #news .container .flex > div:last-child .items { display: block; } #news .container .flex > div:last-child .items .info { width: 100%; } #events .content-wrap { max-width: 100%; padding-right: 60px; padding-left: 60px; } #events .lSAction>.lSNext, #events .lSAction>.lSPrev{ width: 30px; height: 30px; } #events .lSAction>.lSNext{ right: -40px; } #events .lSAction>.lSPrev{ left: -40px; } #home_slider { padding-top: 0; height: auto; min-height: inherit; } #about .container .flex .items { width: 45%; margin-bottom: 20px; } footer .top .container .links { display: block; margin-bottom: 30px; } footer .top .container .address .social{ position: relative; justify-content: center; width: 100%; padding: 0; } } @media only screen and (max-width:520px) { #about .container .mission { padding: 10px; } #about .container .mission .content{ font-size: 10px; } #about .container .mission { bottom: -157px; } } @media only screen and (max-width:370px) { #about .container .mission { bottom: -207px; min-height: 250px; } } /* ----------- special_services ---*/ #special_services{ background-image: url(../../images/special_services_bg.png); background-position: center; background-size: cover; } #special_services .container{ margin: 0 auto; max-width: 1400px; padding-top: 40px; padding-bottom: 40px; } #special_services .container .sec_title span{ font-size: 20px; font-weight: bold; color: #134C83; border-bottom: 3px solid #F6AE2D; margin-bottom: 20px; display: inline-block; padding: 0 10px 10px 20px; } #special_services .container .services_box{ display: flex; flex-wrap: wrap; justify-content:space-between; flex-flow: row wrap; background-color: rgba(255,255,255,.5); border-radius: 6px; padding: 50px; box-shadow: 0 0 10px 10px rgba(255,255,255,.5); -webkit-box-shadow: 0 0 10px 10px rgba(255,255,255,.5); -moz-box-shadow: 0 0 10px 10px rgba(255,255,255,.5); margin-bottom: 50px; } #special_services .container .services_box::after { content: ""; flex: auto; } #special_services .container .services_box .items .icon{ max-width: 150px; margin: 0 auto; } #special_services .container .services_box .items .title{ color: #134C83; font-weight: 500; margin-top: 10px; font-size: 18px; } #special_services .container .services_box .items{ width: 20%; text-align: center; padding: 20px; } #special_services .container .link_box{ display: flex; justify-content:space-between; padding-bottom: 100px; } #special_services .container .link_box .col{ width: 45%; border-radius: 20px; overflow: hidden; background-color: rgba(255,255,255,.5); } #special_services .container .link_box .col .sec_title{ background-color: #F6AE2D; padding: 5px 20px; color: #134C83; font-size: 18px; } #special_services .container .link_box .col .items{ padding: 5px 20px; } #special_services .container .link_box .col .items .item{ color: #134C83; display: block; } /* ----------- special_services page ---*/ #special_services_page{ min-height: 100%; background-image: url(../../images/serv_bg.jpg); background-size: cover; background-attachment: fixed; background-position: center; padding-top: 10px; padding-bottom: 40px; } #special_services_page .sec_title{ background-color: rgba(255,255,255,.6); color: #134C83; text-align: center; font-weight: bold; font-size: 20px; padding: 30px; margin: 40px 0; } #special_services_page .top_boxes{ display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto; flex-wrap: wrap; } #special_services_page .top_box{ background-color: #EDF6F9; border-radius: 5px; font-size: 16px; padding: 10px; width: 45%; color: #134C83; } #special_services_page .top_box div{ padding: 15px 10px; font-weight: 500; font-size: 18px; } #special_services_page .top_box .title{ font-weight: bold; font-size: 18px; border-bottom: 1px solid #F6AE2D; text-align: center; padding: 10px 0; } #special_services_page .top_box span{ color: #134C83; font-weight: 300; } #special_services_page .top_box a{ color: #134C83; text-decoration: underline; } #special_services_page .sec_tab{ background-color: rgba(255,255,255,.6); padding: 40px 20px 80px 20px; margin-top: 40px; } #special_services_page .sec_tab .ywtab nav li span{ background-color: #F6AE2D; border-radius: 0; color: #fff; } #special_services_page .sec_tab .ywtab nav ul{ border-radius: 5px; overflow: hidden; } #special_services_page .sec_tab .ywtab .content-wrap section{ padding: 40px 0 0 0; } #special_services_page .sec_tab .ywtab .content-wrap{ background-color: transparent; border: none; text-align: center; } #special_services_page .sec_tab .ywtab nav ul li{ padding: 0; } #special_services_page .sec_tab .ywtab nav li:hover span{ background-color: rgba(19,76,131,.8); } #special_services_page .sec_tab .ywtab nav li.tab-current span{ background-color: #134C83; } #special_services_page .tb_img{ margin: 70px auto; background-color: #edf6f9; max-width: 1400px; border-radius: 10px; padding: 20px; } #special_services_page .sec_cmnt{ background-color: rgba(255,255,255,.6); color: #134C83; padding: 50px 0 30px 0; } #special_services_page .sec_cmnt .container{ max-width: 1400px; margin: 0 auto; padding: 0; } #special_services_page .sec_cmnt .cmnt_title{ color: #134C83; text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 40px; } #special_services_page .sec_cmnt .items{ background-color: #EDF6F9; padding: 20px; border-radius: 5px; margin-bottom: 20px; } #special_services_page .sec_cmnt .items .title{ color: #134C83; } #special_services_page .sec_cmnt .items .desc{ color: #09223B; } #special_services_page .sec_cmnt .items form .flex{ margin-bottom: 10px; } #special_services_page .sec_cmnt .items form .flex input{ direction: rtl !important; } #special_services_page .sec_cmnt .items form .desc, #special_services_page .sec_cmnt .items form .title{ width: 250px; } #special_services_page .sec_cmnt .items form .captcha{ display: flex; align-items: center; justify-content: flex-end; } #special_services_page .sec_cmnt .items form .captcha .captcha-image{ margin: 0 10px; } #special_services_page .sec_cmnt .items form .captcha input[name="captcha_code"]{ height: 35px; margin: 0 10px; } #special_services_page .sec_cmnt .items form .captcha input[type='submit']{ background-color: #134C83; color: #fff; margin: 0 ; text-shadow: none; border: none; border-radius: 5px; height: 35px; } /* ----------- history_page ---*/ #history_page{ height: 100%; } #history_page .top_cover{ height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../../images/his_top_cover.jpg); display: flex; align-items: center; position: relative; } #history_page .top_cover:after{ content: ""; display: block; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); bottom: 20px; position: absolute; background-image: url(../../images/his_cover_arrow.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; } #history_page .top_cover .title{ color: #fff; font-size: 70px; width: 100%; text-align: center; } #history_page_container{ max-width: 1400px; margin: 0 auto; padding-top: 100px; padding-bottom: 100px; } #history_page_container .page_title{ font-size: 32px; color: #fff; background-color: #134C83; padding: 20px; width: 50%; border-radius: 10px; margin: 0 auto; text-align: center; position: relative; margin-bottom:100px; color: #fff; } #history_page_container .page_title:after{ content: ''; position: absolute; display: block; width: 97%; height: 100%; border-radius: 10px; background-color: rgba(19,76,131,.45); top: 0; left: 5%; transform: rotate(-5deg); z-index: -1; } #history_page_container .history_box { border-right: 3px solid #F6AE2D; padding-bottom: 80px; } #history_page_container .history_box .flex:not(:last-child){ margin-bottom: 80px; } #history_page_container .flex .arrow{ min-width: 30px; position: relative; } #history_page_container .flex .arrow span{ display: block; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(../../images/his_arrow_ic.png); width: 35px; height: 35px; right: -17px; } #history_page_container .history_box .date{ min-width: 120px; } #history_page_container .history_box .date img{ margin-top: -50px; } #history_page_container .flex .content .title{ font-weight: 500; font-size: 20px; margin-bottom: 20px; } #history_page_container .flex .content .desc{ font-size: 16px; } #history_page_container .history_box .img{ min-width: 400px; padding-right: 20px; } #history_page_container .flex .img_box{ display: flex; flex-wrap: wrap; justify-content: center; } #history_page_container .flex .img_box .p_img{ width: 200px; margin: 20px; text-align: center; } #history_page_container .flex .img_box .p_img div{ margin-top: 5px; } #history_page_container .flex .video_box{ display: flex; justify-content: space-between; } #history_page_container .flex .video_box .items{ width: 30%; } #history_page_container .flex .video_box .items video{ max-width: 100%; } /* ----------- accordion ---*/ #faculty_page{ min-height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../../images/faculty_page_bg.png); position: relative; padding-top: 50px; background-attachment: fixed; } #faculty_page .container{ padding-bottom: 50px; } #faculty_page .sec_title{ color: #fff; font-size: 30px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px solid #F6AE2D; text-align: center; } #faculty_page .search{ margin-bottom: 20px; font-size: 0; } #faculty_page .search .btn{ background-size: 20px; background-repeat: no-repeat; background-position: center; background-image: url(../../images/faculty_page_search.png); width: 40px; height: 40px; background-color: transparent; border: none; box-shadow: none; border-radius: 0; margin: 0; border-bottom: 1px solid rgba(255,255,255,.7); display: inline-block; vertical-align: top; } #faculty_page .search .text{ width: 200px; height: 40px; background-color: transparent; border: none; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,.7); border-radius: 0; color: rgba(255,255,255,.7); display: inline-block; vertical-align: top; font-size: 14px; } #faculty_page .search .text::-webkit-input-placeholder { /* Edge */ color: rgba(255,255,255,.7); } #faculty_page .search .text:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255,255,255,.7); } #faculty_page .search .text::placeholder { color: rgba(255,255,255,.7); } #faculty_page .flex{ justify-content: space-between; } #faculty_page .flex .cell{ width: 45%; } #faculty_page .accordion{ width: 100%; } #faculty_page .accordion > li{ margin-bottom: 20px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; width: 100%; } #faculty_page .accordion li.lvl_1 > div{ display: block; padding:20px; color: #134C83; font-weight: 400; font-size: 16px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; cursor: pointer; background-color: #F7F7F7; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #faculty_page .accordion li.lvl_2 > ul, #faculty_page .accordion li.lvl_1 > ul{ display: none; } #faculty_page .accordion li.lvl_1 > ul{ padding:0 10px; margin: 0 10px; background-color: rgba(247,247,247,.7); border-radius: 0 0 5px 5px; } #faculty_page .accordion li.lvl_1 > div:before{ content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../images/faculty_page_blue_arrow.png); transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } #faculty_page .accordion li.lvl_1 > div.show:before{ transform: translateY(-50%) rotate(-180deg); -webkit-transform: translateY(-50%) rotate(-180deg);; -moz-transform: translateY(-50%) rotate(-180deg);; } .body_rtl #faculty_page .accordion li.lvl_1 > div:before{ left: 20px; } .body_ltr #faculty_page .accordion li.lvl_1 > div:before{ right: 20px; } #faculty_page .accordion li.lvl_3{ padding-bottom: 10px; } #faculty_page .accordion li.lvl_2 > div{ padding: 10px 20px; color: #0C2340; font-weight: 400; font-size: 18px; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; cursor: pointer; } #faculty_page .accordion li.lvl_2:not(:first-child){ border-top: 1px solid #F6AE2D; } #faculty_page .accordion li.lvl_3 .title{ background-color: #F6AE2D; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center; padding: 5px; color: #fff; margin-top: 10px; } #faculty_page .accordion li.lvl_3 > .item .bg{ position: fixed; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); top: 0; left: 0; z-index: 998; display: none; } #faculty_page .accordion li.lvl_3 > .item .cnt_box{ position: fixed; background-color:#EDF6F9; border-radius: 5px; width: 80%; height: 80%; z-index: 999; display: none; transform: translate(-50%,-50%); top: 50%; left: 50%; box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); -webmit-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); -moz-box-shadow: 0 0 5px 3px rgb(0 0 0 / 0.15); color: #0C2340; padding-top: 80px; cursor: default; overflow-y: scroll; } #faculty_page .accordion li.lvl_3 > .item .cnt_box .close{ width: 20px; height: 20px; position: absolute; top: 20px; left: 20px; background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; background-image: url(../../images/faculty_page_close.png); } #faculty_page .accordion li.lvl_3 > .item .cnt_box .head_title{ display: inline-block; border-radius: 5px 0 0 5px; background-color: #F6AE2D; padding: 20px 30px; margin-bottom: 50px; font-weight: 500; } #faculty_page .accordion li.lvl_3 > .item .cnt_box p{ margin-bottom: 10px; padding: 0 50px; } #faculty_page .accordion li.lvl_3 > .item.show .cnt_box, #faculty_page .accordion li.lvl_3 > .item.show .bg{ display: block; } #faculty_page .accordion li.lvl_3 > .item{ font-size: 16px; color: #134C83; padding: 5px 20px; font-weight: 400; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } #faculty_page .accordion li.lvl_3 > .item span{ cursor: pointer; } #faculty_page .accordion li.lvl_3 > .item span:hover{ color: #1661A8; } #faculty_page .accordion li.lvl_2 > div::after{ content: ''; width: 20px; height: 20px; display: block; position: absolute; background-position: center; background-repeat: no-repeat; background-size: contain; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; } #faculty_page .accordion li.lvl_2 > div.show:after{ transform: translateY(-50%) rotate(-180deg); -webkit-transform: translateY(-50%) rotate(-180deg);; -moz-transform: translateY(-50%) rotate(-180deg);; } .body_rtl #faculty_page .accordion li.lvl_2 > div::after{ left: 10px; } .body_ltr #faculty_page .accordion li.lvl_2 > div::after{ right: 10px; } #faculty_page .accordion li.lvl_2 > div::after{ background-image: url(../../images/faculty_page_orenge_arrow.png); } /* gallery_page */ #gallery_list{ background-color: #09223B; padding: 210px 0 40px 0; } #gallery_list .sec_title{ font-weight: bold; font-size: 20px; color: #fff; text-align:center; margin-bottom:30px; } #gallery_list .g_sec{ margin-bottom: 30px; } #gallery_list .g_sec .title a{ display: inline-block; border-bottom: 1px solid rgb(237 246 249 / 50%); padding-left: 200px; font-size: 18px; padding-bottom: 5px; margin-bottom: 40px; color: #fff; } #gallery_list .lSAction{ top: 50%; position: absolute; width: 100%; transform: translateY(50%); } #gallery_list .lSAction>a{ background-position: center; background-repeat: no-repeat; background-size: contain; opacity: 1; } #gallery_list .lSAction>.lSPrev{ background-image: url(../../images/sec_4_arrow_left.png); left: -60px; } #gallery_list .lSAction>.lSNext{ background-image: url(../../images/sec_4_arrow_right.png); right: -60px; } #gallery_list .slider .items .box{ background-color: #fff; padding: 5px; height: 100%; border-radius: 5px; } #gallery_list .slider .items{ padding-bottom: 30px; height: 100%; } #gallery_list .slider .items:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(../../images/gallery_shadow.png); z-index: -1; } #gallery_list .slider .items img{ height: 100%; width: 100%; border-radius: 5px; } #gallery_page .container{ } #gallery_page{ background-color: rgba(9,34,59,.8); background-color: #444; padding: 40px 0; min-height: 100%; overflow: hidden; } #gallery_page .lSSlideOuter .lSSlideWrapper{ max-width: 1400px; margin: 0 auto; } #gallery_page .button_box{ top: 290px; max-width: 1400px; height: 1px; margin: 0 auto; z-index: 1; } #gallery_page .goToPrevSlide, #gallery_page .goToNextSlide{ width: 20px; height: 30px; position: absolute; top: 50%; background-position: center; background-repeat: no-repeat; background-size: contain; background-color: transparent; border: none; box-shadow: none; margin: 0; transform: translateY(50%); outline:none; } #gallery_page .goToPrevSlide{ background-image: url(../../images/sec_4_arrow_left.png); left: -60px; } #gallery_page .goToNextSlide{ background-image: url(../../images/sec_4_arrow_right.png); right: -60px; } #gallery_page .lSSlideOuter .lSPager.lSGallery li{ border: 3px solid rgba(9,34,59,.8); } #gallery_page .lSSlideOuter .lSPager.lSGallery li.active{ border: 3px solid #008FBE; } #gallery_page .lSSlideOuter .lSPager.lSGallery li, #gallery_page .lSSlideOuter .lSPager.lSGallery img{ height: 100%; } #gallery_page .lSSlideOuter .lSPager.lSGallery{ height: 180px; margin: 50px 0 !important; padding: 40px 0; } #gallery_page .lSSlideOuter .lSPager.lSGallery:after{ content: ""; position: absolute; left: 0; width: 100%; height: 30px; top: 0; background-position: center; background-repeat:repeat-x; background-size: contain; background-image: url(../../images/gallery_bg_movie.png); } #gallery_page .lSSlideOuter .lSPager.lSGallery:before{ content: ""; position: absolute; left: 0; width: 100%; height: 30px; bottom: 0; background-position: center; background-repeat:repeat-x; background-size: contain; background-image: url(../../images/gallery_bg_movie.png); } #gallery_page .slider{ height: 600px; } #gallery_page .slider .items{ height: 600px; } #gallery_page .slider img{ width: 100%; height: 100%; } .albums-php #body_sub_div{ padding-top: 0!important; } /* partner_page */ #partner_page{ padding: 40px 0; } #partner_page .saide{ width: 30%; max-width: 300px; } #partner_page .saide_box{ width: 100%; min-height:300px; border: 1px solid #D2DAE2; } #partner_page .saide .title{ background-color: rgba(126,188,230,.44); color: #134C83; font-weight: bold; font-size: 20px; padding: 10px 20px; } #partner_page .saide .tab_title{ color: #134C83; padding: 10px 15px; background-position: right center; background-image: url(../../images/partner_tab_arrow.png); background-repeat: no-repeat; border-bottom:1px solid #D2DAE2; margin: 0 20px; background-size: 10px; cursor: pointer; } #partner_page .saide .tab_title.active{ background-image: url(../../images/partner_tab_arrow_active.png); color: #30ABFF; } #partner_page .navigbar{ border-bottom:1px solid #D2DAE2; font-weight: 500; margin-bottom: 10px; } #partner_page .main_content{ padding-right: 20px; width: 80%; } #partner_page .main_content .tab_content{ display: none; } #partner_page .main_content .tab_content.active{ display: block; } #partner_page .main_content .tab_content .link_box{ border-radius: 5px; padding: 20px; background-color: rgba(126,188,230,.10); } #partner_page .main_content .tab_content .link_box a{ color: #134C83; font-weight: bold; font-size: 18px; display: block; } #partner_page .main_content .tab_content .link_box a:not(:last-child){ margin-bottom: 20px; } #partner_page .main_content .tab_content .tbl_box .desc{ font-size: 16px; color: #333333; margin-bottom: 20px; } #partner_page .main_content .tab_content .sec_title{ margin-bottom: 20px; color: #134C83; font-weight: bold; font-size: 18px; } #partner_page .main_content .tab_content .tbl_box .flex{ justify-content: space-between; display: none; } #partner_page .main_content .tab_content .tbl_box .flex .search{ font-size: 0; display: flex; width: 50%; margin-bottom: 20px; } #partner_page .main_content .tab_content .tbl_box .flex .search input[type="text"]{ font-size: 16px; border:1px solid #D2DAE2; border-left: none; border-radius: 0 5px 5px 0; height: 40px; display: inline-block; vertical-align: middle; background-color: transparent; width: 100%; } #partner_page .main_content .tab_content .tbl_box .flex .search input[type="submit"]{ border:1px solid #D2DAE2; border-radius: 5px 0 0 5px; margin: 0; width: 50px; height: 40px; padding: 0; background-image: url(../../images/nt_search.png); background-position: center; background-repeat: no-repeat; background-size: 20px; display: inline-block; vertical-align: middle; background-color: transparent; box-shadow: none; } #partner_page .main_content .tab_content .tbl_box .flex .btn{ border-radius: 5px; background-color: rgba(126,188,230,.44); color: #134C83; font-weight: bold; font-size: 16px; padding: 0 20px; height: 40px; } #partner_page .main_content .tab_content .tbl_box .flex .btn span{ display: inline-block; vertical-align: middle; background-position: center; width: 20px; height: 100%; margin: 0 6px; background-repeat: no-repeat; background-size: 20px; } #partner_page .main_content .tab_content .tbl_box .flex .xlsx_btn span{ background-image: url(../../images/partner_xlsx_ic.png); } #partner_page .main_content .tab_content .tbl_box .flex .print_btn span{ background-image: url(../../images/partner_file_ic.png); } #partner_page .main_content .tab_content .tbl_box .tbl_container{ overflow-x: auto; } #partner_page .main_content .tab_content .tbl_box .tbl{ display: table; width: 100%; border: 1px solid #D2DAE2; } #partner_page .main_content .tab_content .tbl_box .tbl .row{ display: table-row; } #partner_page .main_content .tab_content .tbl_box .tbl .row .cell{ display: table-cell; color: #134C83; font-weight: bold; font-size: 16px; padding: 10px; vertical-align:middle; text-align: center; } #partner_page .main_content .tab_content .tbl_box .tbl .row .cell a{ color: #134C83; } #partner_page .main_content .tab_content .tbl_box .tbl .row:nth-child(odd) .cell{ background-color: rgba(126,188,230,.10); } #partner_page .main_content .tab_content .tbl_box .tbl .row .cell:nth-child(1){ max-width: 70px; } #partner_page .main_content .tab_content .tbl_box .tbl .row .cell:nth-child(6){ max-width: 100px; } #partner_page .main_content .tab_content .tbl_box .tbl .row .cell:nth-child(4){ text-align: left; direction: ltr; } #partner_page .main_content .tab_content .tbl_box .tbl .row:not(:last-child) .cell{ border-bottom: 1px solid #D2DAE2; } #partner_page .main_content .tab_content .tbl_box .tbl .row .cell:not(:last-child){ border-left: 1px solid #D2DAE2; } #partner_page .main_content .tab_content .tbl_box .tbl .row.head .cell{ background-color: rgba(126,188,230,.44); text-align: center; } @media only screen and (max-width:1600px) { #history_page_container{ max-width: 1200px; } #gallery_page .button_box{ max-width: 100%; } #gallery_page .goToPrevSlide{ left: 20px; } #gallery_page .goToNextSlide{ right: 20px; } } @media only screen and (max-width:1400px) { #gallery_page .slider .items, #gallery_page .slider { height: auto; } #history_page { height: 400px; } #history_page_container{ max-width: 100%; padding-left: 40px; padding-right: 40px; } #history_page_container .page_title { width: 60%; } #partner_page .main_content .tab_content .tbl_box .flex .search { width: 45%; } #gallery_list{ padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width:1024px) { #partner_page .main_content { padding-right: 0; width: 100%; } #partner_page .saide { display: none; } #partner_page .main_content .tab_content.tab2 { margin-top: 50px; margin-top: 50px; } #partner_page .main_content .tab_content { display: block; } #special_services .container .services_box { padding: 20px; } #special_services .container { padding-top: 30px; } #history_page .top_cover .title{ font-size: 30px; } #history_page_container .page_title { width: 100%; } #history_page_container .history_box .img { min-width: 300px; } } @media only screen and (max-width:1000px){ header .header .row .menu .bot .cell .col_1, header .header .row .menu .bot .cell .col_2, header .header .row .menu .bot .cell .col_3 { min-width:inherit; } #gallery_list{ padding: 40px; } #gallery_page .lSSlideOuter .lSPager.lSGallery { height: 150px; } #gallery_page .button_box { top: 35%; position: absolute; } } @media only screen and (max-width:850px) { #special_services_page .top_box{ width: 100%; margin-bottom: 20px; } } @media only screen and (max-width:768px) { #partner_page .main_content .tab_content .tbl_box .flex .btn { font-size: 13px; } #partner_page .main_content .tab_content .tbl_box .tbl .row .cell { font-size: 14px; } #partner_page .main_content .tab_content .link_box a { font-size: 16px; } #partner_page .main_content .tab_content .tbl_box .flex{ flex-wrap: wrap; margin-bottom: 20px; } #partner_page .main_content .tab_content .tbl_box .flex .search{ width: 100%; margin-bottom: 20px; } #special_services .container .services_box::after{ display: none; } #special_services .container .services_box .items { width: 150px; } #special_services .services_box .items .title { font-size: 14px; } #special_services .container .link_box{ flex-wrap: wrap; } #special_services .container .link_box .col{ width: 100%; margin-top: 20px; } #faculty_page .accordion li.lvl_3 > .item .cnt_box{ width: 100%; height: 100%; overflow-y: auto; padding-top: 20px; } #faculty_page .flex{ display: block; } #faculty_page .flex .cell{ width: 100%; } #history_page_container { padding-left: 20px; padding-right: 20px; } #history_page_container .flex .arrow{ display: none; } #history_page_container .history_box{ border:none; } #history_page_container .history_box .flex{ display: block; text-align: center; } #history_page_container .history_box .date img { margin-top: 0; } #history_page_container .flex .video_box{ display: block; } #history_page_container .flex .video_box img{ width:100%; margin-bottom: 20px; } #history_page_container .page_title { font-size: 20px; } } @media only screen and (max-width:520px) { } @media only screen and (max-width:370px) { } /*============================================ cv pages ============================================*/ /*list*/ .cv_page_khu_new *{ font-family: 'IRANSans',tahoma !important ; } body.cv-php{ overflow: auto; height: 100%; direction: ltr; } .cv-php{ height: 100%; } /* ///----------- */ .cv_list_page_khu #yw_pagination{ display: inline-block; padding: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; background-color: #eee; } .cv_list_page_khu{ padding: 30px 20px 0 20px; width: 100%; z-index: 1; margin: 0 auto; max-width: 1400px; } .cv_list_page_khu .p_title{ background-color: rgba(4,17,145,0.15); color: #134C83; font-size: 20px; font-weight: 600; position: relative; display: inline-block; padding: 5px 15px; margin-bottom: 20px; } .body_ltr .cv_list_page_khu .p_title{ border-left: 5px solid #134C83; } .body_rtl .cv_list_page_khu .p_title{ border-right: 5px solid #134C83; } .cv_list_page_khu .search_cv{ margin-bottom:20px; display: flex; flex-wrap: wrap; } .cv_list_page_khu .search_cv .item{ width: 16.66666%; display: inline-block; } .body_rtl .cv_list_page_khu .search_cv .item{ padding-left: 20px; } .body_ltr .cv_list_page_khu .search_cv .item{ padding-right: 20px; } .cv_list_page_khu .search_cv .item:nth-child(6) { padding-right: 0; padding-left: 0; } .cv_list_page_khu .search_cv .item div{ font-size: 14px; margin-bottom: 5px; color: #555; font-weight: bold; } .cv_list_page_khu .search_cv .item input, .cv_list_page_khu .search_cv .item select{ width: 100%; padding: 5px 10px; height: 35px; } .cv_list_page_khu .search_cv .item:last-child{ width: 100%; padding-left: 0 !important; padding-right: 0 !important; } .cv_list_page_khu .search_cv .item:last-child input{ margin: 0; background-color: rgba(4,17,145,0.15); color: #134C83; margin-top: 20px; box-shadow: none; width: 100%; padding: 5px 10px; height: 35px; } .cv_list_page_khu .pages_number{ text-align: center; padding: 20px; } .cv_list_page_khu .list_items{ display: table; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; overflow: hidden; max-width: 100%; } .cv_list_page_khu .list_items .row{ display: table-row; } .cv_list_page_khu .list_items .row .cell .name{ color: #555; } .cv_list_page_khu .list_items .row .cell{ display: table-cell; vertical-align: top; border-bottom: 1px solid #ccc; padding: 30px ; color: #555; vertical-align: middle; } .cv_list_page_khu .list_items .row .cell:first-child{ text-align: center; max-width: 150px; } .cv_list_page_khu .list_items .row .cell:nth-child(2) { max-width: 300px; } .cv_list_page_khu .list_items .row .cell:nth-child(3) { max-width: 350px; } .cv_list_page_khu .list_items .row .cell:nth-child(4) { max-width: 350px; } .cv_list_page_khu .list_items .row .cell:nth-child(5) { max-width: 200px; } .cv_list_page_khu .list_items .row .cell .img{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; display: inline-block; width: 100px; height: 130px; } .cv_list_page_khu .list_items .row .cell .img .cv_photo{ max-height: inherit !important; width: 100px !important; min-height: 130px; border: none !important; margin-left: 0 !important; padding: 0 !important; } .body_rtl .cv_list_page_khu .list_items .row .cell:not(:first-child){ border-right: 1px solid #ccc; } .body_ltr .cv_list_page_khu .list_items .row .cell:not(:first-child){ border-left: 1px solid #ccc; } .cv_list_page_khu .list_items .row:first-child .cell{ background-color: #134C83; color: #fff; padding: 15px 30px; font-weight: bold; font-size: 16px; } @media only screen and (max-width:1300px) { .cv_list_page_khu .search_cv .item { width: 33.33%; } .cv_list_page_khu .search_cv .item:nth-child(3) { padding-right: 0; padding-left: 0; } } @media only screen and (max-width:1024px) { .cv_list_page_khu .list_items .row .cell, .cv_list_page_khu .list_items .row:first-child .cell{ padding: 10px; } } @media only screen and (max-width:950px) { .cv_list_page_khu .search_cv{ flex-wrap: wrap; } } @media only screen and (max-width:610px) { /* ///----------- */ .cv_list_page_khu .search_cv .item{ width: 100%; } .cv_list_page_khu .search_cv .item{ padding-right: 0 !important; padding-left: 0 !important; margin-bottom: 10px; } .cv_list_page_khu .search_cv { flex-wrap: wrap; } .cv_list_page_khu .list_items .row .cell .img{ width: 50px; height: 70px; } .cv_list_page_khu .list_items .row .cell .img .cv_photo { width: 50px !important; min-height: 70px; } .cv_list_page_khu .list_items .row .cell, .cv_list_page_khu .list_items .row:first-child .cell { font-size: 10px; } } /*cv page*/ .cv_page_khu_new *{ font-family: 'IRANSans',tahoma !important ; } body.cv-php{ overflow: auto; height: 100%; direction: ltr; } .cv-php{ height: 100%; } .cv_page_khu_new .flex_box{ display: flex; justify-content: space-between; width: 100%; } .cv_page_khu_new .side_bar .side_bar_fixed{ box-sizing: border-box; top: -55px; } .cv_page_khu_new .side_bar .side_bar_fixed_boxes{ width: 99%; padding: 0 20px; } .cv_page_khu_new .side_bar .side_box{ background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; margin-bottom: 20px; padding:15px 20px; text-align: center; } .body_ltr .cv_page_khu_new .side_bar .side_box:last-child{ text-align: left; } .body_rtl .cv_page_khu_new .side_bar .side_box:last-child{ text-align: right; } .cv_page_khu_new .side_bar .side_box .cv_level{ color: #6B6B6B; font-size: 14px; } .cv_page_khu_new .side_bar .side_box .cv_name{ color: #555; font-weight: bold; font-size: 20px; margin-top: 10px; margin-bottom: 10px; } .cv_page_khu_new .side_bar .side_box .cover{ display: inline-block; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; overflow: hidden; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; } .cv_page_khu_new .side_bar .side_box .cover img.yekta_thumb{ border:none; margin-left: 0; padding: 0; max-height: 160px; max-width: 120px; height: 160px; width: 120px; } .cv_page_khu_new .side_bar .side_box .link_scholar{ background-image: url(../../images/ic_link_scholar.png); background-repeat: no-repeat; background-size: contain; color: #4285f4; margin-top: 20px; font-weight: 600; font-size: 15px; pointer-events: all; } .body_rtl .cv_page_khu_new .side_bar .side_box .link_scholar{ background-position: right; padding-right: 30px; } .body_ltr .cv_page_khu_new .side_bar .side_box .link_scholar{ background-position: left; padding-left: 30px; } #gsc_rsb_st{ color: #666; font-size: 14px; width: 100%; text-align: center; margin-bottom: 10px; } #gsc_rsb_st tbody tr td{ padding: 3px 0; } .body_rtl #gsc_rsb_st tbody tr td:first-child{ text-align: right; } .body_ltr #gsc_rsb_st tbody tr td:first-child{ text-align: left; } .cv_page_khu_new .side_bar{ width: 25%; } .cv_page_khu_new .main_body{ width: 75%; padding: 20px; } .body_rtl .cv_page_khu_new .main_body{ padding: 0 0 0 20px ; } .body_ltr .cv_page_khu_new .main_body{ padding: 0 20px 0 0 ; } .cv_page_khu_new .main_body > .head{ display: flex; margin:20px 0 10px 0; justify-content: space-between; } .cv_page_khu_new .main_body .head .nav_items{ font-size: 0; } .cv_page_khu_new .main_body .head .nav_items a{ display: inline-block; background-color: #134C83; padding: 0 15px; color: #fff; font-size: 12px; position: relative; line-height: 33px; margin-bottom: 10px; } .body_rtl .cv_page_khu_new .main_body .head .nav_items a{ margin-left: 5px; } .body_ltr .cv_page_khu_new .main_body .head .nav_items a{ margin-right: 5px; } .body_rtl .cv_page_khu_new .main_body .head .nav_items a:not(:first-child){ padding-right: 25px; } .body_ltr .cv_page_khu_new .main_body .head .nav_items a:not(:first-child){ padding-left: 25px; } .cv_page_khu_new .main_body .head .nav_items a span{ position: relative; z-index: 3; } .cv_page_khu_new .main_body .head .nav_items a:before, .cv_page_khu_new .main_body .head .nav_items a:after{ content: ""; display: block; position: absolute; width: 23px; height: 23px; top: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform-origin: center; } .cv_page_khu_new .main_body .head .nav_items a:before{ background-color: #fff; z-index: 1; } .cv_page_khu_new .main_body .head .nav_items a:after{ background-color: #134C83; z-index: 2; } .body_rtl .cv_page_khu_new .main_body .head .nav_items a:after { left: -12px; } .body_rtl .cv_page_khu_new .main_body .head .nav_items a:before { left: -17px; } .body_ltr .cv_page_khu_new .main_body .head .nav_items a:after { right: -12px; } .body_ltr .cv_page_khu_new .main_body .head .nav_items a:before { right: -17px; } .cv_page_khu_new .main_body .head .search_items{ text-align: left; } .body_ltr .cv_page_khu_new .main_body .head .search_items{ text-align: right; } .cv_page_khu_new .main_body .head .search_items form{ display: inline-block; line-height: 35px; margin-bottom: 10px; } .cv_page_khu_new .main_body .head .search_items form input[type=text]{ height: 35px; width: 200px; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; display: inline-block; vertical-align: top; } .cv_page_khu_new .main_body .head .search_items form input[type=submit]{ background-image: url(../../images/ic_search_cv.png); background-position: center; background-size: 17px; background-repeat: no-repeat; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; height: 35px; width: 35px; background-color: #134C83; padding: 0; margin: 0; display: inline-block; vertical-align: top; border: none; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; } .body_rtl .cv_page_khu_new .main_body .head .search_items form input[type=submit]{ margin-right: -35px; } .body_ltr .cv_page_khu_new .main_body .head .search_items form input[type=submit]{ margin-left: -35px; } .cv_page_khu_new .main_body .head .search_items a{ display: inline-block; background-color: #134C83; padding: 0 15px; color: #fff; font-size: 12px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; height: 35px; line-height: 35px; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; } .body_rtl .cv_page_khu_new .main_body .head .search_items a{ margin-right: 10px; } .body_ltr .cv_page_khu_new .main_body .head .search_items a{ margin-left: 10px; } .tabs_cv{ width: 100%; overflow: hidden; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; } .tabs_cv .content-wrap section .cv_info{ margin-bottom: 10px; } .tabs_cv .content-wrap section .cv_info .item{ line-height: 25px; font-weight: 400; font-size: 14px; color: #003a6f; min-height: 20px; display: block; position: relative; padding-right: 30px; margin-bottom: 5px; } .tabs_cv .content-wrap section .cv_info .fax, .tabs_cv .content-wrap section .cv_info .tell, .tabs_cv .content-wrap section .cv_info .mob{ direction: ltr; } .body_rtl .tabs_cv .content-wrap section .cv_info .item{ text-align: right; } .body_ltr .tabs_cv .content-wrap section .cv_info .item{ padding-left: 30px; padding-right: 0; text-align: left; } .tabs_cv .content-wrap section .cv_info .item:after{ content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 20px; height: 20px; background-size: 18px; background-repeat: no-repeat; background-position: center; z-index: 1; right: 0; } .body_ltr .tabs_cv .content-wrap section .cv_info .item:after{ right: auto; left: 0; } .tabs_cv .content-wrap section .cv_info .name:after{ background-image: url(../../images/ic_cv_profile.png); } .tabs_cv .content-wrap section .cv_info .rank:after{ background-image: url(../../images/ic_cv_rank.png); } .tabs_cv .content-wrap section .cv_info .tell:after{ background-image: url(../../images/ic_cv_tell.png); } .tabs_cv .content-wrap section .cv_info .fax:after{ background-image: url(../../images/ic_cv_fax.png); } .tabs_cv .content-wrap section .cv_info .email:after{ background-image: url(../../images/ic_cv_email.png); } .tabs_cv .content-wrap section .cv_info .mob:after{ background-image: url(../../images/ic_cv_mob.png); } .tabs_cv .content-wrap section .cv_info .web:after{ background-image: url(../../images/ic_cv_web.png); } .tabs_cv .content-wrap section .cv_info .pdf:after{ background-image: url(../../images/ic_cv_pdf.png); } .tabs_cv nav { text-align: center; } .tabs_cv nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; width: 100%; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content:space-between; } .tabs_cv nav ul li{ position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; background: none; max-width: 400px; cursor: pointer; padding:15px; background-color: #fff; color: #9E9E9E; border-bottom: 5px solid #E4E4E4; font-weight: bolder; } .tabs_cv nav ul li:hover, .tabs_cv nav ul li.tab-current{ border-color:#134c83; color: #134c83; } .tabs_cv nav ul li.tab-disable{ opacity: .15; cursor: default; } .tabs_cv .content-wrap { background-color: #fff; width: 100%; top: 0; left: 0; border: none; } .tabs_cv .content-wrap section{ margin: 0 auto; z-index: -1; max-width: 100% !important; padding: 20px !important; } .tabs_cv .content-wrap section > .cell{ display: table-cell; vertical-align: top; width: 70%; } .tabs_cv .content-wrap section > .cell:last-child{ width: 30%; } .tabs_cv .content-wrap section .items{ margin-bottom: 30px; overflow-x: auto; } .tabs_cv .content-wrap section .items .head{ background-color: rgba(4,17,145,0.15); color: #134C83; font-size: 19px; font-weight: 600; position: relative; display: inline-block; padding: 5px 15px; margin-bottom: 20px; } .tabs_cv .content-wrap section .items .custom *{ font-size: 14px !important; text-decoration: none !important; } .body_rtl .tabs_cv .content-wrap section .items .head{ border-right: 5px solid #134C83; } .body_ltr .tabs_cv .content-wrap section .items .head{ border-left: 5px solid #134C83; } .tabs_cv .content-wrap section > .content .items .table{ display: table; width: 100%; } .tabs_cv .content-wrap section > .content .items .table .row{ display: table-row; } .tabs_cv .content-wrap section > .content .items .table .row .cell{ display: table-cell; padding: 10px; } .tabs_cv .content-wrap section > .content .items .table .row .cell:first-child{ border-right: 1px solid #bbb; } .tabs_cv .content-wrap section > .content .items .table .row .cell{ border-left: 1px solid #bbb; } .tabs_cv .content-wrap section > .content .items .table .row:nth-child(odd) .cell{ background-color: #eee; } .tabs_cv .content-wrap section > .content .items .table .row .cell{ color: #707070; font-size: 14px; } .tabs_cv .content-wrap section > .content .items .table .row:first-child .cell{ background-color: rgba(4,17,145,0.15); } .body_rtl .tabs_cv .content-wrap section > .content .items .table .row:first-child .cell:first-child{ border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .body_rtl .tabs_cv .content-wrap section > .content .items .table .row:first-child .cell:last-child{ border-radius: 5px 0 0 0; -webkit-border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; } .body_ltr .tabs_cv .content-wrap section > .content .items .table .row:first-child .cell:first-child{ border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; } .body_ltr .tabs_cv .content-wrap section > .content .items .table .row:first-child .cell:last-child{ border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; } .tabs_cv .content-wrap section > .content .items .table .row:last-child .cell{ border-bottom: 1px solid #bbb; } .tabs_cv .content{ width: 100%; } .tabs_cv .content-wrap section.content-current{ z-index: 1; display: block; width: 100%; } .cv_page_khu_new .side_bar .side_box .links{ margin-top: 10px; } .cv_page_khu_new .side_bar .side_box .links div{ width: 200px; white-space: nowrap; margin: 0 auto; text-align: right; } .body_ltr .cv_page_khu_new .side_bar .side_box .links div{ text-align: left; } .cv_page_khu_new .side_bar .side_box a.social{ display: inline-block; width: 30px; height:30px; background-size: 18px; background-repeat: no-repeat; background-position: center; opacity: .7; background-color: #b9b9b9; pointer-events: initial; } .body_rtl .cv_page_khu_new .side_bar .side_box .links div a{ padding-right: 30px; } .body_ltr .cv_page_khu_new .side_bar .side_box .links div a{ padding-left: 30px; padding-top: 5px; } .cv_page_khu_new .side_bar .side_box .links div a.social{ background-color: transparent; opacity: 1; color: #484848; } .cv_page_khu_new .side_bar .side_box a.social:hover{ opacity: 1; } .cv_page_khu_new .side_bar .side_box .social.pdf{ background-image: url(../../images/ic_cv_pdf.png); } .cv_page_khu_new .side_bar .side_box .social.email{ background-image: url(../../images/ic_cv_email.png); background-size: 20px; } .cv_page_khu_new .side_bar .side_box .social.scopus{ background-image: url(../../images/ic_cv_scopus.png); } .cv_page_khu_new .side_bar .side_box .social.orcid{ background-image: url(../../images/ic_cv_orcid.png); } .cv_page_khu_new .side_bar .side_box .social.website{ background-image: url(../../images/ic_cv_website.png); background-size: 22px; } .cv_page_khu_new .side_bar .side_box .social.linkedin{ background-image: url(../../images/ic_cv_linkedin.png); } .cv_page_khu_new .side_bar .side_box .social.telegram{ background-image: url(../../images/ic_cv_telegram.png); } .cv_page_khu_new .side_bar .side_box .social.google{ background-image: url(../../images/ic_cv_google.png); } .cv_page_khu_new .side_bar .side_box .social.twitter{ background-image: url(../../images/ic_cv_twitter.png); } .cv_page_khu_new .side_bar .side_box .social.researchgate{ background-image: url(../../images/ic_cv_researchgate.png); } .cv_page_khu_new .side_bar .side_box .social.scholar{ background-image: url(../../images/ic_cv_scholar.png); } @media only screen and (max-width:1300px) { .cv-php #header { padding-right: 22% !important; } .cv_page_khu_new .main_body > .head{ flex-wrap: wrap; } } @media only screen and (max-width:1024px) { .cv_page_khu_new .side_bar .side_box .links div a.social { font-size: 13px; } .cv_page_khu_new .side_bar .side_bar_fixed{ position: relative; width: 100%; z-index: 1; } .cv_page_khu_new .side_bar .side_box .cover { margin-top: 0; z-index: 1; } } @media only screen and (max-width:950px) { .cv_page_khu_new .side_bar .side_bar_fixed{ top:0; } .cv_page_khu_new .main_body .head .search_items a { height: 25px; line-height: 25px; font-size: 11px; } /* margin-right: 10px;*/ .cv_page_khu_new .main_body .head .nav_items a { padding: 0 7px; font-size: 10px; height: 21px; line-height: 20px; } .body_ltr .cv_page_khu_new .main_body .head .nav_items a{ font-size: 6px; } .cv_page_khu_new .main_body .head .nav_items a:before, .cv_page_khu_new .main_body .head .nav_items a:after { width: 14px; height: 14px; top: 3px; } .body_rtl .cv_page_khu_new .main_body .head .nav_items a:after { left: -7px; } .body_rtl .cv_page_khu_new .main_body .head .nav_items a:before { left: -12px; } .body_ltr .cv_page_khu_new .main_body .head .nav_items a:after { right: -7px; } .body_ltr .cv_page_khu_new .main_body .head .nav_items a:before { right: -12px; } .cv_page_khu_new .main_body, .content-wrap section, .cv_page_khu_new .side_bar .side_box{ padding: 10px; } .cv_page_khu_new .flex_box { flex-wrap: wrap; } .cv_page_khu_new .side_bar { width: 100%; min-height: inherit; } .cv_page_khu_new .main_body, .content-wrap section, .cv_page_khu_new .side_bar .side_box { width: 100%; } .tabs_cv nav ul{ flex-wrap: wrap; } .tabs_cv nav ul li{ flex: auto; max-width: 100%; width: 100%; } .tabs_cv nav ul li:hover, .tabs_cv nav ul li.tab-current, .tabs_cv nav ul li { border-bottom: 2px solid #e4e4e4; } .tabs_cv nav ul li:hover, .tabs_cv nav ul li.tab-current{ color: #134c83; } .tabs_cv nav { overflow: hidden; margin-bottom: 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; } .tabs_cv > .content{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 2px 6px 1px #ccc; -webkit-box-shadow: 0 2px 6px 1px #ccc; -moz-box-shadow: 0 2px 6px 1px #ccc; overflow: hidden; } .tabs_cv { border-radius: 0; box-shadow:none; overflow: initial; } .tabs_cv .content-wrap section .items .head { font-size: 16px; } .tabs_cv .content-wrap section > .content .items .table .row .cell { padding: 5px; font-size: 12px; } .tabs_cv nav ul li { padding: 10px; font-size: 16px; } .content-wrap section { padding: 10px !important; } .cv_page_khu_new .side_bar .side_bar_fixed_boxes { padding: 0 15px; } .cv_page_khu_new .flex_box:last-child .main_body{ position: initial; padding: 15px !important; } .cv_page_khu_new .flex_box:first-child .main_body{ position: initial; padding:0 15px !important; } .cv_page_khu_new .side_bar .side_bar_fixed_boxes { width: 100%; } .cv_page_khu_new .side_bar .side_box:last-child{ margin-bottom: 0; } .tabs_cv nav ul li{ overflow: hidden; height: 0; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; padding: 0; border-bottom:none; line-height: 50px; background-color: transparent; } .tabs_cv nav ul{ background-color: #fff; background-image: url(../../images/cv_tab_arrow.png); background-position: 20px 20px; background-size: 20px; background-repeat: no-repeat; transition: all .5s ease-in; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; } .tabs_cv nav ul.open_select{ background-size: 0; } .tabs_cv nav ul.open_select li{ height: 50px; border-bottom: 1px solid #ddd; } .tabs_cv nav ul li.tab-current{ height: 50px; } .tabs_cv nav ul.open_select li.tab-current{ background-color: #134c83; color:#fff; } } @media only screen and (max-width:700px) { .cv_page_khu_new .main_body .head .search_items { text-align: center !important; width: 100%; } } @media only screen and (max-width:610px) { /* ///----------- */ #about .container .sec_title { font-size: 20px; } .tabs_cv .content-wrap section > .content .items .table .row .cell { font-size: 9px; } .tabs_cv .content-wrap section .items .head { font-size: 13px; margin-bottom: 10px; } .cv_page_khu_new .setting_btn{ position: fixed; top: 20px; background-image: url(../../images/ic_cv_setting_btn.png); background-size: contain; background-repeat: no-repeat; z-index: 11111111; width: 30px; height: 30px; cursor: pointer; display: block; } .cv-php.body_rtl .cv_page_khu_new .setting_btn{ left: 20px; background-position: left; } .cv-php.body_ltr .cv_page_khu_new .setting_btn{ right: 20px; background-position: right; } body.setting_open .cv_page_khu_new .setting_btn{ background-image: url(../../images/ic_cv_setting_btn_close.png); z-index: 101; } body.setting_open .cv_page_khu_new .main_body .head .search_items { display: block; position: fixed; z-index: 111; width: 80%; padding: 0 20px; top: 85px; } body.setting_open.body_rtl .cv_page_khu_new .main_body .head .search_items { right: 0; } body.setting_open.body_ltr .cv_page_khu_new .main_body .head .search_items { left: 0; } .cv_page_khu_new .main_body .head .search_items form input[type=text]{ width: 100%; box-shadow: none; height: 40px; } .cv_page_khu_new .main_body .head .search_items form { width: 100%; margin-bottom: 20px; line-height: 40px; } .cv_page_khu_new .main_body .head .search_items form input[type=submit]{ position: absolute; top: -1px; box-shadow: none; height: 42px; width: 42px; background-size: 20px; } .body_rtl .cv_page_khu_new .main_body .head .search_items form input[type=submit]{ left: -1px; } .body_ltr .cv_page_khu_new .main_body .head .search_items form input[type=submit]{ right: -1px; } .cv_footer .container .cell{ width: 100%; } } @media only screen and (max-width:350px) { .body_ltr .cv_page_khu_new .main_body .head .search_items a { margin: 0!important; } } .no_header .cv_page_khu_new .side_bar .side_box .links, .no_header .cv_page_khu_new .main_body > .head, .no_header .cv_page_khu_new .side_bar .side_box .link_scholar, .no_header .tabs_cv nav { display: none; } .no_header .content-wrap section { display: block; z-index: 1; } .no_header .cv_page_khu_new .side_bar .side_box .cover { margin-top: 0; } .no_header .cv_footer{ display: none} .no_header .cv_page_khu_new .flex_box{ display: block; padding-top: 0; max-width: 1000px; margin: 0 auto; } .no_header .cv_page_khu_new .side_bar .side_bar_fixed_boxes { width: 100%; padding: 0; } .no_header .cv_page_khu_new .side_bar{ width: 100%; } .no_header .cv_page_khu_new .side_bar{ min-height: 0; } .no_header .cv_page_khu_new .side_bar .side_bar_fixed { top: 0; margin-bottom: 20px; } .no_header #body_sub_div { padding-top: 70px; } .no_header .cv_page_khu_new .main_body{ width: 100%; padding: 0; } .no_header .cv_page_khu_new .side_bar .side_box { margin-bottom: 0; } .no_header .cv_page_khu_new .side_bar .side_bar_fixed { position: relative; width: 100%; padding-top: 40px; } .no_header .cv_page_khu_new .side_bar .side_box:last-child{ display: none }