BossBey File Manager
PHP:
7.4.33
OS:
Linux
User:
root
Root
/
home
/
vssraipur
/
public_html
/
stylesheets
📤 Upload
📝 New File
📁 New Folder
Close
Editing: master.css
.btn-register { left: auto; right: 15px; top: auto; bottom: 225px; position: fixed; z-index: 999; background: #de292d; border-color: #de292d; border-radius: 6px; animation: blinker 2s linear infinite; } #to_top_scrollup { bottom: 70px !important; } div#header-sticky-wrapper { height: 100px !important } .video { position: relative; height: 500px; background-size: contain; background-position: center; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat } .video a { position: relative; display: block; height: 70px; width: 70px; border-radius: 50%; background: #fff; color: #fe0869; text-align: center; line-height: 70px; font-size: 24px; z-index: 1 } .video a::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0; border-radius: 50%; border: 20px solid #fff; -webkit-animation: spin2 1s linear infinite; -o-animation: spin2 1s linear infinite; animation: spin2 1s linear infinite } @keyframes spin2 { 0% { opacity: 1; -webkit-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9) } 100% { opacity: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5) } } @font-face { font-family: FontAwesome; src: url(../fonts/fontawesome-webfonte0a5.eot?v=4.3.0); src: url(../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(../fonts/fontawesome-webfonte0a5.woff2?v=4.3.0) format('woff2'), url(../fonts/fontawesome-webfonte0a5.woff?v=4.3.0) format('woff'), url(../fonts/fontawesome-webfonte0a5.ttf?v=4.3.0) format('truetype'), url(../fonts/fontawesome-webfonte0a5.svg?v=4.3.0#fontawesomeregular) format('svg'); font-weight: 400; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0) } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-star:before { content: "\f005" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-close:before, .fa-remove:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-cog:before, .fa-gear:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-repeat:before, .fa-rotate-right:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-image:before, .fa-photo:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-check-circle-o:before { content: "\f05d" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-expand:before { content: "\f065" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-calendar:before { content: "\f073" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-cogs:before, .fa-gears:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-briefcase:before { content: "\f0b1" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-bars:before, .fa-navicon:before, .fa-reorder:before { content: "\f0c9" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-chain-broken:before, .fa-unlink:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-caret-square-o-down:before, .fa-toggle-down:before { content: "\f150" } .fa-caret-square-o-up:before, .fa-toggle-up:before { content: "\f151" } .fa-caret-square-o-right:before, .fa-toggle-right:before { content: "\f152" } .fa-eur:before, .fa-euro:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-inr:before, .fa-rupee:before { content: "\f156" } .fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before { content: "\f157" } .fa-rouble:before, .fa-rub:before, .fa-ruble:before { content: "\f158" } .fa-krw:before, .fa-won:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-caret-square-o-left:before, .fa-toggle-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-try:before, .fa-turkish-lira:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-bank:before, .fa-institution:before, .fa-university:before { content: "\f19c" } .fa-graduation-cap:before, .fa-mortar-board:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-send:before { content: "\f1d8" } .fa-send-o:before { content: "\f1d9" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-ils:before, .fa-shekel:before, .fa-sheqel:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-bed:before, .fa-hotel:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } @font-face { font-family: icomoon; src: url(../fonts/icomoonca27.eot?-rdmvgc); src: url(../fonts/icomoond41d.eot?#iefix-rdmvgc) format('embedded-opentype'), url(../fonts/icomoonca27.woff?-rdmvgc) format('woff'), url(../fonts/icomoonca27.ttf?-rdmvgc) format('truetype'), url(../fonts/icomoonca27.svg?-rdmvgc#icomoon) format('svg'); font-weight: 400; font-style: normal } [class*=" icon-"], [class^=icon-] { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-Smartphone-4:before { content: "\ec7a" } .icon-Email:before { content: "\e854" } .icon-Edit-Map:before { content: "\e848" } .flat-row { clear: both; display: block; position: relative; padding: 100px 0 } .flat-row .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .8 } .flat-row .overlay { background-color: #697ea4 } .flat-row.bg-black .overlay { background-color: #000 } .flat-row.bg-themes { background-color: #2b3341 } .flat-row.bg-color-themes { background-color: #697ea4 } .flat-row.bg-p8 .overlay { opacity: .4 } .flat-row.bg-p81 .overlay { opacity: .6 } .flat-row.bg-p7 .overlay { opacity: .7 } .flat-grid { margin: 0 -15px } .flat-one-four, .flat-one-half, .flat-one-three { padding: 0 15px 30px 15px; float: left } .flat-one-half { width: 50% } .flat-one-three { width: 33.33% } .flat-one-four { width: 25% } .flat-grid.margin20px { margin: 0 -20px } .flat-grid.margin20px .flat-one-four, .flat-grid.margin20px .flat-one-half, .flat-grid.margin20px .flat-one-three { padding: 0 20px 40px 20px; float: left } .flat-grid.margin55px { margin: 0 -55px } .flat-grid.margin55px .flat-one-four { padding: 0 55px 0 55px; float: left } .wrap-grid { margin: 0 -10px; overflow: hidden } .one-half { width: 48.29059829059829%; float: left; background-color: #feb800; margin: 0 .854700854700855% } .bg-color-red { background-color: #f96868 } .col-last { margin-right: 0 } .wrap-flat-grid { margin: 0 -15px; overflow: hidden } .one-three { width: 30.76923076923077%; float: left; margin: 0 1.282051282051282% } .one-four { width: 22.43589743589744%; float: left; margin: 0 1.282051282051282% } .flat-button { color: #697ea4; font-size: 14px; letter-spacing: 2.4px; font-weight: 600; text-transform: uppercase; display: inline-block; vertical-align: middle; padding: 10px 50px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background-color: #697ea4; border: 1px solid #697ea4; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px } .flat-button:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px } .flat-button:active, .flat-button:focus, .flat-button:hover { color: #fff } .flat-button:active:before, .flat-button:focus:before, .flat-button:hover:before { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0) } .flat-button.style1 { background-color: #fff; color: #fff } .flat-button.style1:before { background-color: #697ea4 } .flat-button.style1:hover { color: #697ea4 } .flat-button.style1 { border: 2px solid #fff } .flat-button.bg-theme { padding: 10px 77px; background-color: #fff; color: #fff } .flat-button.bg-theme:before { background-color: #697ea4; color: #697ea4 } .flat-button.bg-theme:active, .flat-button.bg-theme:focus, .flat-button.bg-theme:hover { color: #697ea4 } .flat-flexslides .feature-post { position: relative } .flat-flexslides .feature-post:hover { cursor: pointer } .flat-flexslides .feature-post .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; content: ''; z-index: 1; box-sizing: border-box; opacity: 0; -webkit-transition: opacity .35s, -webkit-transform:.35s; -webkit-transform: scale(0); transition: opacity .35s, transform .35s; transition: all ease .4s; transform: scale(0) } .flat-flexslides .feature-post:hover .overlay { opacity: .6; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .title-section { text-align: center } .title-section.cl-white .desc p, .title-section.cl-white .title { color: #fff } .title-section.cl-8490a7 .desc p { color: #8490a7; font-family: Vollkorn, sans-serif; font-size: 16px } .title-section .title { color: #32406e; text-transform: capitalize; padding-bottom: 21px } .title-section .desc p { font-family: Georgia, sans-serif; font-style: italic; color: #999; letter-spacing: .1px } .title-section.style1 .desc { margin-bottom: 15px } .title-section.style2 .desc { position: relative; padding-bottom: 28px } .title-section.style2 .desc:before { position: absolute; left: 50%; bottom: 0; content: ""; width: 100px; margin-left: -50px; height: 2px; background-color: #697ea4 } .title-section.style3 .title { font-family: Karla, sans-serif; font-size: 48px; line-height: 48px; font-weight: 600; letter-spacing: 4.7px; text-transform: uppercase; padding-bottom: 21px } .title-section.style3 .desc p { font-size: 18px; line-height: 36px; letter-spacing: .5px; padding-bottom: 37px } .title-section.style4 .title { color: #fff } .flat-divider { width: 100%; position: relative } .flat-divider.d15px { height: 15px } .flat-divider.d20px { height: 20px } .flat-divider.d30px { height: 30px } .flat-divider.d33px { height: 33px } .flat-divider.d40px { height: 40px } .flat-divider.d45px { height: 45px } .flat-divider.d50px { height: 50px } .flat-divider.d55px { height: 55px } .flat-divider.d60px { height: 60px } .flat-divider.d65px { height: 65px } .flat-divider.d70px { height: 70px } .flat-divider.d75px { height: 75px } .flat-divider.80px { height: 80px } .flat-divider.d85px { height: 85px } .flat-divider.d88px { height: 88px } .flat-divider.d90px { height: 90px } .about-us .title-about-us { color: #fff; text-transform: capitalize } .about-us .title-about-us span { text-transform: lowercase } .about-us .title-about-us { padding-bottom: 25px } .about-us .desc p { padding-bottom: 10px; color: #fff } .about-us .desc ul { padding-left: 25px; margin-bottom: 20px } .about-us .desc ul li { position: relative; padding-bottom: 12px; font-family: Georgia, sans-serif; font-style: italic; font-size: 14px; color: #999 } .about-us .desc ul li:before { content: ""; width: 6px; height: 6px; background-color: #697ea4; position: absolute; left: -22px; top: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% } .flat-about-us { border: 2px solid #cfd7e7; margin: 0 15px } .about-us.style1 { padding: 65px 35px 92px 0 } .flat-about-us .about-us-img .v1, .flat-about-us .about-us-img .v2, .flat-about-us .about-us-img .v3 { position: absolute; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s } .flat-about-us .about-us-img .overly-img { background: rgba(105, 126, 164, .7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; opacity: 0; -webkit-transition: .4s; transition: .4s } .flat-about-us .about-us-img .v1 { top: -58px; left: -103px; z-index: 99 } .flat-about-us .about-us-img .v2 { top: 39px; left: 9px; z-index: 9 } .flat-about-us .about-us-img .v3 { top: 262px; left: -27px; z-index: 999 } .flat-about-us .about-us-img .v1:hover, .flat-about-us .about-us-img .v2:hover, .flat-about-us .about-us-img .v3:hover { cursor: pointer; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .flat-about-us .about-us-img .v1:hover .overly-img, .flat-about-us .about-us-img .v2:hover .overly-img, .flat-about-us .about-us-img .v3:hover .overly-img { opacity: 1 } .single-image img { margin: 17px 0 0 85px } .single-image.style1 img { margin: 44px 0 0 30px } .flat-courses { cursor: pointer; } .flat-courses .courses-thumbnail { position: relative; margin-bottom: 24px; overflow: hidden } .flat-courses .courses-thumbnail:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: #697ea4; margin-top: -300px; z-index: 2; opacity: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .flat-courses .courses-thumbnail img { webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; width: 100% } .flat-courses:hover .courses-thumbnail img { webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .flat-courses:hover .courses-thumbnail:before { opacity: .9; cursor: pointer; margin-top: 0 } .flat-courses:hover .courses-thumbnail .courses-viewmore { top: 15%; opacity: 1 } .flat-courses .courses-thumbnail .courses-viewmore { position: absolute; top: 15%; left: 35%; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 600; opacity: 0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out } .flat-courses .courses-thumbnail .courses-viewmore:hover { color: #ccc } .flat-courses:hover .courses-thumbnail .courses-viewmore { z-index: 999 } .flat-courses .courses-content .courses-topic { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .flat-courses .courses-content .courses-topic:hover { color: #697ea4 } .flat-courses .courses-content p { font-family: Georgia, sans-serif; font-size: 12px; line-height: 30px; color: #999; font-style: italic } .flat-courses .courses-content p span { color: #697ea4 } .flat-courses .courses-thumbnail .courses-description { position: absolute; top: 23px; left: 25px; font-size: 12px; line-height: 24px; color: #fff; opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .flat-courses:hover .courses-thumbnail .courses-description { opacity: .9; cursor: pointer } .flat-courses:hover .courses-thumbnail .courses-description { z-index: 999 } .flat-courses .courses-thumbnail .courses-description .desc { padding-bottom: 7px } .flat-courses .courses-thumbnail .courses-description .courses-duration, .flat-courses .courses-thumbnail .courses-description .degree-level { text-transform: uppercase; font-size: 12px; line-height: 24px; font-weight: 600 } .flat-courses.style1 .courses-thumbnail .courses-viewmore { top: 78%; left: 23px; font-family: Georgia, sans-serif; font-size: 12px; line-height: 28px; font-style: italic; text-transform: none; font-weight: 400 } .flat-courses:hover .courses-price .review-rating { margin-left: 24px; opacity: 1 } .flat-courses .courses-price { background-color: #eef1f6 } .flat-courses .courses-price p { font-size: 24px; line-height: 30px; color: #697ea4; font-weight: 600; text-align: center; padding: 15px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .flat-courses:hover .courses-price p { padding-left: 150px } .flat-teammember { border: 1px solid #bb3438; background-color: #bb3438; margin: 0 15px } .flat-team { padding: 57px 100px 60px 112px } .flat-team .descritption blockquote { font-family: Georgia, sans-serif; font-style: italic; color: #fff; line-height: 28px; font-size: 14px; padding-bottom: 15px; position: relative } .flat-team.style1 .descritption blockquote:before { position: absolute; left: -48px; top: -5px; content: "“"; color: #fff; font-size: 60px; font-family: Georgia, sans-serif } .flat-team .profile { margin-bottom: 44px } .flat-team .profile .name { font-size: 18px; line-height: 30px; color: #fff } .flat-team .profile .position { font-size: 12px; line-height: 30px; color: #fff } .flat-team .signature p { font-size: 60px; line-height: 30px; color: #000; padding-bottom: 20px } .flat-teammember .team-image img { position: absolute; right: 0; top: auto; bottom: 0; z-index: 9; max-width: 285px; } .lg-thumb-outer { display: none } .flat-team.style2 { border: 1px solid #cfd7e7; background-color: #eef1f6; margin: 0 185px 0 185px; padding: 52px 100px 24px 80px } .flat-team.style2 .profile { margin-bottom: 8px } .flat-team.style2 .team-image img { width: 110px; height: 110px; border-radius: 50%; position: absolute; top: 30px; left: 135px; border: 5px solid #fff } .flat-team.style2 ul.flat-socials li { display: inline-block; margin-right: 34px; margin-left: 0 } .flat-information-box.inf1 { padding-right: 135px } .flat-information-box.inf2 { padding-right: 71px } .flat-information-box.inf4 { padding-left: 60px } .flat-information-box .icon i { font-size: 36px; line-height: 48px; color: #697ea4; font-weight: 600 } .flat-information-box .content { margin-top: 20px } .flat-information-box .content .title { font-family: Georgia, sans-serif; font-size: 18px; line-height: 18px; color: #000; letter-spacing: 1.1px; padding-bottom: 3px } .flat-information-box .content p { line-height: 48px } .thumb-content-box { margin-bottom: 48px } .content-box .title { margin-bottom: 7px } .content-box .title a { font-family: Georgia, sans-serif; line-height: 48px; color: #697ea4 } .content-box .title a:hover { color: #000 } .content-box .content { padding-right: 30px } .content-box .content p { padding-bottom: 27px; word-spacing: 1px } .content-box .content p:last-child { padding-bottom: 0 } .aquarius { text-align: center } .aquarius h2 { color: #fff } .aquarius h2 span { font-weight: 600 } .flat-border { border: 2px solid #cfd7e7 } .flat-margin-lr { margin: 0 } .flat-padding-lr { padding: 0 } .row-bg-whiteblack { position: relative } .row-bg-whiteblack:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background-color: #fff; content: ""; z-index: 1 } .wrap-contactform-home1 { padding: 0 90px 36px 135px; text-align: center } .wrap-contactform-home1 .wrap-type-input { margin: 0 -10px } .wrap-contactform-home1 .input-wrap { float: left; width: 33.33%; padding: 0 10px; text-align: left } .wrap-contactform-home1 .flat-contact-form.border-radius input, .wrap-contactform-home1 .flat-contact-form.border-radius select, .wrap-contactform-home1 textarea { border: 1px solid #cfd7e7; text-align: left !important } .wrap-contactform-home1 textarea { margin-bottom: 23px } .wrap-contactform-home1 .flat-contact-form.border-radius input:focus, .wrap-contactform-home1 .flat-contact-form.border-radius select:focus { border: 1px solid #697ea4 } .wrap-contactform-home1 .input-wrap label.error, .wrap-contactform-home1 .textarea-wrap { text-align: left } .wrap-contactform-home1 input.error, .wrap-contactform-home1 textarea.error { margin-bottom: 0 } .flat-contact-form .flat-alert.msg-success { text-align: left; position: relative } .flat-contact-form .flat-alert.msg-success .close { position: absolute; right: 0; top: 0 } .flat-contact-form.fillter-courses { margin-bottom: -29px } .flat-contact-form.fillter-courses .wrap-type-input .wrap { float: left; padding-right: 19px } .flat-contact-form.border-radius input, .flat-contact-form.border-radius select { border: 2px solid #fff; height: 60px } .flat-contact-form.border-radius select { width: 255px } .flat-contact-form.border-radius input { width: 400px } .flat-contact-form.border-white input[type=text], .flat-contact-form.border-white select, .flat-contact-form.border-white textarea { font-family: Karla, sans-serif; color: #fefefe; font-weight: 600; font-size: 14px; line-height: 30px; text-transform: uppercase; letter-spacing: 1.2px; -webkit-appearance: none; -moz-appearance: none; appearance: none } .fillter-courses .categories-courses, .fillter-courses .courses-level { position: relative } .fillter-courses .categories-courses:before, .fillter-courses .courses-level:before { position: absolute; right: 45px; top: 15px; font-family: FontAwesome; content: "\f107"; color: #fff } .fillter-courses .wrap select option { color: #000 } .flat-contact-form.fillter-courses .all-categories button { background-color: #fff; color: #697ea4; padding: 23px 29px; float: right } .flat-contact-form.fillter-courses .all-categories button:hover { background-color: #697ea4; color: #fff } .wrap.courses-level option { color: #666; font-weight: 700 } .flat-contact-form.fillter-courses.style1 { margin-left: -15px } .flat-contact-form.fillter-courses.style1 .wrap-type-input .select-field.categories-courses { margin-right: 60px } .flat-contact-form.border-radius.style1 input, .flat-contact-form.border-radius.style1 select { border: 2px solid #eee; height: 60px } .flat-contact-form.style1 input[type=text], .flat-contact-form.style1 select, .flat-contact-form.style1 textarea { color: #999 } .flat-contact-form.style1 input::-webkit-input-placeholder { color: #999 } .flat-contact-form.style1 .all-categories button { background-color: #697ea4; color: #fff; padding: 23px 29px; float: right } .flat-contact-form.style1 .all-categories button:hover { color: #2b3341 } .flat-row.portfolio-row-page { padding: 0 } .flat-portfolio .item.w50 { width: 50% } .flat-portfolio .item { width: 25%; overflow: hidden } .flat-portfolio .item:hover { cursor: pointer } .flat-portfolio .item img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .6s; transition: .6s } .flat-portfolio .item:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .flat-portfolio .item .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; content: ''; z-index: 1; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: .4 } .flat-portfolio .item:hover .overlay { opacity: 0 } .flat-row.portfolio-slides { padding-bottom: 135px } .flat-portfolio.v1 .flex-control-nav { bottom: -55px } .flat-portfolio.v1 .flex-control-paging li a.flex-active { background-color: #697ea4 } .flat-portfolio.v1 .flex-control-paging li a { width: 8px; height: 8px; background-color: #e1e5ed } .border-white input, .border-white select, .border-white textarea { border-color: #eee; background-color: transparent } .border-white input:-moz-placeholder, .border-white input::-moz-placeholder, .border-white textarea:-moz-placeholder, .border-white textarea::-moz-placeholder { color: #fff; opacity: 1 } .border-white input:-ms-input-placeholder { color: #fff } .border-white input::-webkit-input-placeholder, .border-white textarea::-webkit-input-placeholder { color: #fff; opacity: 1 } .border-large input, .border-large select, .border-large textarea { border-width: 2px } .border-radius input, .border-radius select { -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px } input { height: 60px } input select, textarea { text-transform: uppercase; font-weight: 700 } input, select, textarea { text-align: center } .with-arrow .nav-link.active { position: relative } .with-arrow .nav-link.active::after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #2b90d9; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); display: block } .lined .nav-link { border: none; border-bottom: 3px solid transparent } .lined .nav-link:hover { border: none; border-bottom: 3px solid transparent } .lined .nav-link.active { background: 0 0; color: #555; border-color: #2b90d9 } .nav-pills .nav-link { color: #555 } .text-uppercase { letter-spacing: .1em } .show.active { opacity: 1 } .nav-pills .nav-link { border-radius: 0 } .tab-item { text-align: center; position: relative; background: #fff; padding: 20px 0; border: 1px solid #ddd; box-shadow: 2px 2px 20px 0 #e8e8e8 } .col-shadow .tab-item { border: none; box-shadow: none; display: table; width: 100% } .clearfix.col-shadow { border: 1px solid #ddd; box-shadow: 2px 2px 20px 0 #e8e8e8 } .col-shadow .tab-content { display: table-cell; vertical-align: middle; padding: 0 10px } .col-shadow .tab-image { border-bottom: 1px solid #ddd } .tab-image { background: #fff; display: table; margin: auto } .col-shadow .tab-image { width: 100%; height: 200px } .tab-image .vcenter { border-radius: 0; display: block; padding: 0; width: auto; height: auto; display: table-cell; vertical-align: middle; text-align: center; font-size: 3em } .tab-icon { font-size: 2em; background: #fff; box-shadow: 0 0 10px 0 rgba(220, 220, 220, .8); width: 100%; height: 90px; border-radius: 100%; display: table; margin: auto } .tab-icon .vcenter { border-radius: 100px; display: table-cell; vertical-align: middle; padding: 15px; width: 90px; height: 90px } .tab-item h5 { font-size: 1.2em; font-weight: 600; text-transform: uppercase; margin: 22px 0 8px } .col-shadow .tab-item h5 { margin: 0 0 8px } .tab-item p { font-size: 1.2em } #myTab2Content { padding-top: 50px } .mg-bottom { margin-bottom: 30px } .tab-item h5, .tab-item i { color: #697ea4 } .col-clear .col-md-4:nth-child(3n+1) { clear: both } .lined .nav-link.active, .nav-pills .nav-link:active, .nav-pills .nav-link:focus, .nav-pills .nav-link:hover { background-color: #697ea4; color: #fff } .lined .nav-link.active, .lined .nav-link:hover, .nav-pills .nav-link { border: 1px solid #697ea4 } .with-arrow .nav-link.active::after { border-top: 6px solid #778aac; bottom: -7px } .nav-pills>li { margin: auto; float: none; width: 19%; display: inline-block } .nav-tabs { border-bottom: none } table thead tr th { font-weight: 700; color: #000; font-size: 1.2em } table tbody tr td { font-size: 1.2em; text-align: left; vertical-align: middle !important } .committees-col h4 { color: #fff; font-size: 1.2em; text-align: left; background-color: gray; padding: 15px; z-index: 1; position: relative } .committees-col:nth-child(2n+1) { clear: both } .committees-col .tab-item { padding: 20px } .committees-col table { margin-bottom: 0 } .committees-col { margin-bottom: 30px } .table-col table thead tr td h4 { color: #fff; font-weight: 700 } .table-col table thead tr td { border: 1px solid #4d5f82 } .table-col table tbody tr td, .table-col table tbody tr th, .table-col table thead tr td h4, .table-col table thead tr th { padding: 10px; font-size: 16px } table { width: 100% } .table-col table thead { background: #697ea4 } .bod-item { box-shadow: 0 0 5px 0 #ddd; background: #fff; padding: 10px 10px 40px } .bod-item a { display: block; position: relative; text-align: center } .bod-image { background-position: center; background-repeat: no-repeat; background-size: contain; width: 200px; height: 200px; border-radius: 100%; margin: -110px auto 0; position: absolute; left: 0; right: 0; box-shadow: 0 0 9px 5px #e6e6e6c9; border: 6px solid #fff; background-color: #fff } .bod-content { padding: 100px 11px 20px; text-align: center } .bod-item h4 { font-weight: 700; font-size: 1.4em; margin: 12px 0 0; text-transform: uppercase } .bod-item h5 { margin: 10px 0; font-size: 1.2em; text-transform: capitalize; line-height: 140% } .bod-item p { font-size: 1.1em } .bod-col { margin-bottom: 160px } .bod-col:nth-child(2n+1) { clear: both } .bod-item span { background-color: #697ea4; color: #fff; padding: 7px 20px; border-radius: 40px; font-size: 1.2em; text-transform: uppercase; position: absolute; bottom: -20px; border: 0; top: auto; left: 0; right: 0; margin: auto; display: block; width: 150px } .bod-item:hover, .bod-item:hover .bod-image { box-shadow: none } .bod-image, .bod-item { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } p { font-size: 16px !important } .title-style:after { content: ''; display: block; background-color: #ce0f13; width: 220px; height: 3px; margin-top: 10px } .title-style span { display: block; font-size: 1.4em; color: #ce0f13 } .title-style h2 { font-weight: 600; text-transform: capitalize; color: #3e3d3d; margin-bottom: 13px } .title-style { margin-bottom: 30px } .mb-adjust { margin-bottom: 0 } .col-border-style { position: relative; padding: 20px } .col-border-style:after, .col-border-style:before { content: ''; position: absolute; width: 50%; height: 50% } .col-border-style:before { left: 0; right: auto; top: 0; bottom: auto } .col-border-style:after { top: auto; left: auto; right: 0; bottom: 10px } .title-center { text-align: center } .title-center:after { width: 100px; margin: 10px auto 0 } .box-effect { position: relative; background: #fff; border: 1px solid #ddd; box-shadow: 2px 2px 20px 0 #e8e8e8 } .mb-30 { margin-bottom: 30px } .tab-content-col ul { padding-left: 30px } .tab-content-col ul li { list-style-type: circle } .tab-content-col h4 { font-weight: 700; font-size: 1.4em; margin-bottom: 10px } .tab-content-col { padding: 15px } .tab-content-col p, .tab-content-col ul li { font-size: 16px } .tab-content-col h4:after { content: ''; width: 100px; display: block; height: 2px; background-color: #697ea4; margin-top: 5px } .tab-content-col h4 { font-weight: 700; font-size: 1.4em; margin-bottom: 10px; color: #697ea4 } .tab-content-image { height: 250px; background-size: cover; background-position: center } .academics-col:nth-child(1) .col-md-8, .academics-col:nth-child(3) .col-md-8 { float: right } .col-image-style { background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 100%; box-shadow: 0 0 20px 3px #e8e8e8; margin: auto; border: 8px solid #fff; position: relative; border-radius: 100%; width: 100%; height: auto; padding-top: 100% } .academics-col:last-child { margin-bottom: 0 } .academics-col { margin-bottom: 40px } .academics-col-item:after, .academics-col-item:before { content: ''; display: table; clear: both } .academics-col-item { padding: 20px; box-shadow: 0 0 13px 0 #ddd; width: 95%; margin: auto; border-radius: 6px } .academics-col-item h2 { text-transform: uppercase } .academics-col-item .title-style:after { width: 100px; margin-top: 10px } .col-image-style { position: relative } .academics-col:first-child ul { column-count: 2 } .academics-col ul { padding-left: 15px } .academics-col ul li { list-style-type: decimal; font-size: 1.1em; font-weight: 600 } .facilators-img-left { height: 495px; background-size: cover; background-position: center; z-index: 1; position: relative } .col-border-style1 { position: relative; padding-left: 5px } .col-border-style1:after { height: 100%; width: 95%; position: absolute; content: ''; left: -3%; bottom: auto; top: 5%; border: 4px solid #bd272d } .col-border-style1 img { z-index: 1; position: relative } .col-2side-border { position: relative } .col-2side-border:after, .col-2side-border:before { height: 80%; width: 1px; position: absolute; content: ''; left: -3px; right: auto; bottom: auto; top: 10%; border: 1px solid #bd272d } .col-2side-border:before { left: auto; right: -3px } .col-2side-border { position: relative; padding: 15px; background: #fbfbfb } .list-style ul { column-count: 2 } .list-style ul li { font-size: 1.3em; color: #656565; line-height: 190% } .title-center { position: relative } .clearfix-col-shadow { border-radius: 4px; box-shadow: #ccc 0 0 16px; overflow: hidden; background-color: #fff; padding: 35px; margin: 0 15px } .list-style-col h4 { font-size: 1.3em; font-weight: 500 } .list-style-col { border: 1px solid #ddd; padding: 10px; border-radius: 6px } .col-pd-lr { padding: 10px } .container { width: 100%; max-width: 1300px } .blog-post-image { display: block; overflow: hidden; margin-bottom: 15px } .blog-post-summary-journal { background: #fff; padding: 45px 20px; width: 88%; margin: -60px auto 0 auto; position: relative } .blog-post-summary-journal:before { left: -5px; transform: rotate(-5deg) } .blog-post-summary-journal:after, .blog-post-summary-journal:before { content: ""; position: absolute; top: 15px; z-index: -1; display: block; width: 20px; height: 200px; background: rgba(39, 44, 49, .15); filter: blur(5px) } .blog-post-summary-journal:after { right: -5px; transform: rotate(5deg) } .blog-post-summary-journal h2 { margin-bottom: 10px; line-height: 150%; color: #222; font-size: 1.5em } .blog-post-summary-journal h2 a { color: #222 } .blog-post-meta { font-size: 12px; margin-bottom: 10px; text-align: center } .more-link { text-align: center; text-transform: uppercase; font-size: 13px; margin-bottom: 20px; margin-top: 20px; letter-spacing: .13em } .more-link span { position: relative } .more-link span:before { content: ''; position: absolute; border-width: 0 0 1px 0; border-style: solid; pointer-events: none; -webkit-transform: scale3d(.2, 1, 1); transform: scale3d(.2, 1, 1); -webkit-transition: -webkit-transform .3s; transition: transform .3s; -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1); transition-timing-function: cubic-bezier(.2, 1, .3, 1); width: 100%; height: 135%; top: 0; border-color: #cdb689 } .news-single .container { max-width: 1100px } .news-single time { font-size: 1.3em; font-weight: 600; margin-bottom: 20px } .news-single img { margin-bottom: 20px } .blog-post-image a { display: block } .blog-post-image a img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; height: 300px; object-fit: cover; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; width: 100%; object-position: left; } .blog-post-image a:hover img { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5) } .blog-post-summary-journal a:active, .blog-post-summary-journal a:focus, .blog-post-summary-journal a:hover { color: #ce0f13 } .flat-row.portfolio-row-page { padding: 60px 0; clear: both } .portfolio-row-page:after, .portfolio-row-page:before { content: ''; display: table; clear: both } .top { background: #fff } .flat-information-box { text-align: center; box-shadow: 0 0 2px 2px #ddd; padding: 25px } .bod-item span.read-less, .bod-item span.read-more { background-color: transparent !important; color: #fff; padding: 0; border-radius: 0; font-size: 1.2em; font-weight: 700; text-transform: uppercase; position: relative; border: 0; width: 150px } .bod-item span.read-less a, .bod-item span.read-more a { padding: 0; margin: 0 } .tp-static-layers { position: absolute; z-index: 505; top: 0; left: 0 } .tp-caption.tp-hidden-caption, .tp-hide-revslider { visibility: hidden !important; display: none !important } .tp-caption { z-index: 1; white-space: nowrap } .tp-caption-demo .tp-caption { position: relative !important; display: inline-block; margin-bottom: 10px; margin-right: 20px !important } .tp-caption.whitedivider3px { color: #000; text-shadow: none; background-color: #fff; background-color: #fff; text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0; border-color: #000; border-style: none } .tp-caption.finewide_large_white { color: #fff; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0; border-color: #000; border-style: none } .tp-caption.whitedivider3px { color: #000; text-shadow: none; background-color: #fff; background-color: #fff; text-decoration: none; font-size: 0; line-height: 0; min-width: 468px; min-height: 3px; border-width: 0; border-color: #000; border-style: none } .tp-caption.finewide_medium_white { color: #fff; text-shadow: none; font-size: 37px; line-height: 37px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none } .tp-caption.boldwide_small_white { font-size: 25px; line-height: 25px; font-weight: 800; font-family: "Open Sans", sans-serif; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none } .tp-caption.whitedivider3px_vertical { color: #000; text-shadow: none; background-color: #fff; background-color: #fff; text-decoration: none; font-size: 0; line-height: 0; min-width: 3px; min-height: 130px; border-width: 0; border-color: #000; border-style: none } .tp-caption.finewide_small_white { color: #fff; text-shadow: none; font-size: 25px; line-height: 25px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: transparent; text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none } .tp-caption.finewide_verysmall_white_mw { font-size: 13px; line-height: 25px; font-weight: 400; font-family: "Open Sans", sans-serif; color: #fff; text-decoration: none; background-color: transparent; text-shadow: none; text-transform: uppercase; letter-spacing: 5px; max-width: 470px; white-space: normal !important; border-width: 0; border-color: #000; border-style: none } .tp-caption.lightgrey_divider { text-decoration: none; background-color: #ebebeb; background-color: #ebebeb; width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0; border-color: #222; border-style: none } .tp-caption.finewide_large_white { color: #fff; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0; border-color: #000; border-style: none } .tp-caption.finewide_medium_white { color: #fff; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0; border-color: #000; border-style: none } .tp-caption.huge_red { position: absolute; color: #df4b6b; font-weight: 400; font-size: 150px; line-height: 130px; font-family: Oswald, sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap; background-color: #2d3136; padding: 0 } .tp-caption.middle_yellow { position: absolute; color: #fbd572; font-weight: 600; font-size: 50px; line-height: 50px; font-family: 'Open Sans', sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.huge_thin_yellow { position: absolute; color: #fbd572; font-weight: 300; font-size: 90px; line-height: 90px; font-family: 'Open Sans', sans-serif; margin: 0; letter-spacing: 20px; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.big_dark { position: absolute; color: #333; font-weight: 700; font-size: 70px; line-height: 70px; font-family: "Open Sans"; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.medium_dark { position: absolute; color: #333; font-weight: 300; font-size: 40px; line-height: 40px; font-family: "Open Sans"; margin: 0; letter-spacing: 5px; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.medium_grey { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, .5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; padding: 2px 4px; margin: 0; border-width: 0; border-style: none; background-color: #888; white-space: nowrap } .tp-caption.small_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, .5); font-weight: 700; font-size: 14px; line-height: 20px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.medium_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, .5); font-weight: 700; font-size: 20px; line-height: 20px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.large_bold_white_25 { font-size: 55px; line-height: 65px; font-weight: 700; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0 5px 10px; border-width: 0; border-color: #fff; border-style: none } .tp-caption.medium_text_shadow { font-size: 25px; line-height: 25px; font-weight: 600; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; text-align: center; text-shadow: #000 0 5px 10px; border-width: 0; border-color: #fff; border-style: none } .tp-caption.large_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, .5); font-weight: 700; font-size: 40px; line-height: 40px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.medium_bold_grey { font-size: 30px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: #666; text-decoration: none; background-color: transparent; text-shadow: none; margin: 0; padding: 1px 4px 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.very_large_text { position: absolute; color: #fff; text-shadow: 0 2px 5px rgba(0, 0, 0, .5); font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; letter-spacing: -2px } .tp-caption.very_big_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; padding: 0 4px; padding-top: 1px; background-color: #000 } .tp-caption.very_big_black { position: absolute; color: #000; text-shadow: none; font-weight: 700; font-size: 60px; line-height: 60px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap; padding: 0 4px; padding-top: 1px; background-color: #fff } .tp-caption.modern_medium_fat { position: absolute; color: #000; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.modern_medium_fat_white { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.modern_medium_light { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 24px; line-height: 20px; font-family: "Open Sans", sans-serif; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.modern_big_bluebg { position: absolute; color: #fff; text-shadow: none; font-weight: 800; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; margin: 0; border-width: 0; border-style: none; background-color: #4e5b6c; letter-spacing: 0 } .tp-caption.modern_big_redbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 30px; line-height: 36px; font-family: "Open Sans", sans-serif; padding: 3px 10px; padding-top: 1px; margin: 0; border-width: 0; border-style: none; background-color: #de543e; letter-spacing: 0 } .tp-caption.modern_small_text_dark { position: absolute; color: #555; text-shadow: none; font-size: 14px; line-height: 22px; font-family: Arial; margin: 0; border-width: 0; border-style: none; white-space: nowrap } .tp-caption.boxshadow { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .tp-caption.black { color: #000; text-shadow: none } .tp-caption.noshadow { text-shadow: none } .tp-caption a { color: #fff; text-shadow: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out } .tp-caption a:hover { color: #697ea4 } .tp-caption.thinheadline_dark { position: absolute; color: rgba(0, 0, 0, .85); text-shadow: none; font-weight: 300; font-size: 30px; line-height: 30px; font-family: "Open Sans"; background-color: transparent } .tp-caption.thintext_dark { position: absolute; color: rgba(0, 0, 0, .85); text-shadow: none; font-weight: 300; font-size: 16px; line-height: 26px; font-family: "Open Sans"; background-color: transparent } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline } .tp-caption.smoothcircle { font-size: 30px; line-height: 75px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #000; background-color: rgba(0, 0, 0, .498039); padding: 50px 25px; text-align: center; border-radius: 500px 500px 500px 500px; border-width: 0; border-color: #000; border-style: none } .tp-caption.largeblackbg { font-size: 50px; line-height: 70px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #000; padding: 0 20px 5px; text-shadow: none; border-width: 0; border-color: #fff; border-style: none } .tp-caption.largepinkbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #db4360; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .tp-caption.largewhitebg { position: absolute; color: #000; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #fff; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .tp-caption.largegreenbg { position: absolute; color: #fff; text-shadow: none; font-weight: 300; font-size: 50px; line-height: 70px; font-family: "Open Sans"; background-color: #67ae73; padding: 0 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .tp-caption.excerpt { font-size: 36px; line-height: 36px; font-weight: 700; font-family: Arial; color: #fff; text-decoration: none; background-color: #000; text-shadow: none; margin: 0; letter-spacing: -1.5px; padding: 1px 4px 0 4px; width: 150px; white-space: normal !important; height: auto; border-width: 0; border-color: #fff; border-style: none } .tp-caption.large_bold_grey { font-size: 60px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #666; text-decoration: none; background-color: transparent; text-shadow: none; margin: 0; padding: 1px 4px 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_thin_grey { font-size: 34px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: #666; text-decoration: none; background-color: transparent; padding: 1px 4px 0; text-shadow: none; margin: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.small_thin_grey { font-size: 18px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: #757575; text-decoration: none; background-color: transparent; padding: 1px 4px 0; text-shadow: none; margin: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.lightgrey_divider { text-decoration: none; background-color: #ebebeb; width: 370px; height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0; border-color: #222; border-style: none } .tp-caption.large_bold_darkblue { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #34495e; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_bg_darkblue { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #34495e; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_bold_red { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: #e33a0c; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_light_red { font-size: 21px; line-height: 26px; font-weight: 300; font-family: "Open Sans"; color: #e33a0c; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_bg_red { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #e33a0c; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_bold_orange { font-size: 24px; line-height: 30px; font-weight: 800; font-family: "Open Sans"; color: #f39c12; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_bg_orange { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #f39c12; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.grassfloor { text-decoration: none; background-color: #a0b397; width: 4000px; height: 150px; border-width: 0; border-color: #222; border-style: none } .tp-caption.large_bold_white { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_light_white { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.mediumlarge_light_white { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.mediumlarge_light_white_center { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; text-align: center; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_bg_asbestos { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #7f8c8d; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.medium_light_black { font-size: 30px; line-height: 36px; font-weight: 300; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.large_bold_black { font-size: 58px; line-height: 60px; font-weight: 800; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: transparent; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.mediumlarge_light_darkblue { font-size: 34px; line-height: 40px; font-weight: 300; font-family: "Open Sans"; color: #34495e; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.small_light_white { font-size: 17px; line-height: 28px; font-weight: 300; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: transparent; padding: 0; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.roundedimage { border-width: 0; border-color: #222; border-style: none } .tp-caption.large_bg_black { font-size: 40px; line-height: 40px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #000; padding: 10px 20px 15px; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.mediumwhitebg { font-size: 30px; line-height: 30px; font-weight: 300; font-family: "Open Sans"; color: #000; text-decoration: none; background-color: #fff; padding: 5px 15px 10px; text-shadow: none; border-width: 0; border-color: #000; border-style: none } .tp-caption.medium_bg_orange_new1 { font-size: 20px; line-height: 20px; font-weight: 800; font-family: "Open Sans"; color: #fff; text-decoration: none; background-color: #f39c12; padding: 10px; border-width: 0; border-color: #ffd658; border-style: none } .tp-caption.boxshadow { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .5); box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .tp-caption.black { color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans } .tp-caption.noshadow { text-shadow: none } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0 solid transparent; border-top: 40px solid #00a8ff; position: absolute; left: -40px; top: 0 } .tp-caption .backcorner { width: 0; height: 0; border-left: 0 solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00a8ff; position: absolute; right: 0; top: 0 } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0 solid transparent; border-bottom: 40px solid #00a8ff; position: absolute; left: -40px; top: 0 } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0 solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00a8ff; position: absolute; right: 0; top: 0 } img.tp-slider-alternative-image { width: 100%; height: auto } .tp-simpleresponsive .button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, .6) !important; font-size: 15px; line-height: 45px !important; background: url(../../img/revolution-slider/gradient/g30.html) repeat-x top; font-family: arial, sans-serif; font-weight: 700; letter-spacing: -1px } .tp-simpleresponsive .button.big { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .6); font-weight: 700; padding: 9px 20px; font-size: 19px; line-height: 57px !important; background: url(../../img/revolution-slider/gradient/g40.html) repeat-x top } .tp-simpleresponsive .button.big:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .purchase:hover { background-position: bottom, 15px 11px } .tp-simpleresponsive>ul>li .title-slide { padding: 0 140px !important } @media only screen and (min-width:480px) and (max-width:767px) { .tp-simpleresponsive .button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: 400 } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none } .tp-simpleresponsive>ul>li .title-slide { padding: 0 !important } } @media only screen and (min-width:0px) and (max-width:479px) { .tp-simpleresponsive .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none } } .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0 3px 0 0 #104d0b; -moz-box-shadow: 0 3px 0 0 #104d0b; box-shadow: 0 3px 0 0 #104d0b } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0 3px 0 0 #0f3e68; -moz-box-shadow: 0 3px 0 0 #0f3e68; box-shadow: 0 3px 0 0 #0f3e68 } .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0 3px 0 0 #7c1212; -moz-box-shadow: 0 3px 0 0 #7c1212; box-shadow: 0 3px 0 0 #7c1212 } .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color: #f70; -webkit-box-shadow: 0 3px 0 0 #a34c00; -moz-box-shadow: 0 3px 0 0 #a34c00; box-shadow: 0 3px 0 0 #a34c00 } .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0 3px 0 0 #222; -moz-box-shadow: 0 3px 0 0 #222; box-shadow: 0 3px 0 0 #222 } .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0 3px 0 0 #555; -moz-box-shadow: 0 3px 0 0 #555; box-shadow: 0 3px 0 0 #555 } .fullscreen-container { width: 100%; position: relative; padding: 0 } .fullwidthbanner-container { width: 100%; position: relative; padding: 0; overflow: hidden } .fullwidthbanner-container .fullwidthbanner { width: 100%; position: relative } .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { position: absolute; visibility: hidden; -webkit-font-smoothing: antialiased !important } .tp-simpleresponsive img { max-width: none } .noFilterClass { filter: none !important } .tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none } .tp-bannershadow.tp-shadow1 { background: url(../../assets/revolution-slider/shadow1.html) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px } .tp-bannershadow.tp-shadow2 { background: url(../../assets/revolution-slider/shadow2.html) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px } .tp-bannershadow.tp-shadow3 { background: url(../../assets/revolution-slider/shadow3.html) no-repeat; background-size: 100% 100%; width: 890px; height: 60px; bottom: -60px } .caption.fullscreenvideo { left: 0; top: 0; position: absolute; width: 100%; height: 100% } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width: 100% !important; height: 100% !important; display: none } .tp-caption.fullscreenvideo { left: 0; top: 0; position: absolute; width: 100%; height: 100% } .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none } .fullcoveredvideo video, .fullscreenvideo video { background: #000 } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0; left: 0 } .html5vid.videoisplaying .tp-poster { display: none } .tp-video-play-button { background: #000; background: rgba(0, 0, 0, .3); padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #fff; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer } .html5vid .tp-revstop { width: 15px; height: 20px; border-left: 5px solid #fff; border-right: 5px solid #fff; position: relative; margin: 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .html5vid .tp-revstop { display: none } .html5vid.videoisplaying .revicon-right-dir { display: none } .html5vid.videoisplaying .tp-revstop { display: block } .html5vid.videoisplaying .tp-video-play-button { display: none } .html5vid:hover .tp-video-play-button { display: block } @media only screen and (min-width:0px) and (max-width:479px) { .responsive .tp-bullets { display: none } .responsive .tparrows { display: none } } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none } .tp-simpleresponsive a { text-decoration: none } .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style: none; padding: 0 !important; margin: 0 !important; list-style: none !important; overflow-x: visible; overflow-y: visible; background-image: none } .tp-simpleresponsive>ul>li { list-style: none; position: absolute; visibility: hidden } .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(../../assets/revolution-slider/coloredbg.html) repeat } .tp-caption.slidelink a span { background: url(../../assets/revolution-slider/coloredbg.html) repeat } .tp-arr-titleholder.alwayshidden { display: none !important } .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute } .tp-loader.spinner0 { width: 40px; height: 40px; background: url(../../assets/revolution-slider/loader.html) no-repeat center center; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .tp-transparentimg { content: "url(../../assets/revolution-slider/transparent.png)" } .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50% } .tp-caption img { background: 0 0; zoom: 1 } .tp-caption .title-slide, .tp-caption.title-slide { font-family: Georgia, sans-serif; font-size: 48px; line-height: 48px; color: #697ea4; margin-bottom: 34px } .tp-caption .flat-button-slide.style1 { padding: 8px 43px } .tp-caption .flat-button-slide:hover { color: #697ea4; cursor: pointer } .tp-caption.desc-slide.center, .tp-caption.title-slide.center { text-align: center } .tp-caption .desc-slide.center, .tp-caption .title-slide.center { text-align: center } .tp-caption.desc-slide.color-white, .tp-caption.title-slide.color-white { color: #fff } .tp-caption.sub-title { text-align: center; font-size: 16px; font-family: Vollkorn, sans-serif; font-style: italic; line-height: 48px; color: #fff; letter-spacing: .9px; word-spacing: 1.3px } .tp-caption.title-slide.style1 { line-height: 58px } .tp-caption.title-slide.style2 { font-weight: 600 } .tp-caption.title-slide.style3 { font-family: Karla, sans-serif; font-weight: 600; letter-spacing: 9.9px; text-transform: uppercase } .tp-caption.desc-slide.center.style1 { font-family: Georgia, sans-serif; font-size: 16px; line-height: 28px } .flat-button-slide { display: inline-block; border-style: solid; border-color: #fff; border-width: 2px; font-family: Karla, sans-serif; text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 600; letter-spacing: 2.5px; padding: 14px 38px; z-index: 1; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s } @font-face { font-family: angers_scriptregular; src: url(fonts/angers_script-webfont.woff2) format('woff2'), url(fonts/angers_script-webfont.woff) format('woff') } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body { line-height: 1; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, videoaa { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; margin: 0; padding: 0; border: 0; outline: 0; background: 0 0 } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none } figure { margin: 0 } :focus { outline: 0 } table { border-collapse: collapse; border-spacing: 0 } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle } legend { white-space: normal } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } button, input { line-height: normal } input, textarea { background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0)) } button, input[type=button], input[type=reset], input[type=submit] { line-height: 1; cursor: pointer; -webkit-appearance: button; border: none } input[type=checkbox], input[type=radio] { padding: 0 } input[type=search] { -webkit-appearance: textfield } input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { font: 14px/28px Karla, sans-serif; font-weight: 400; background-color: #fff; color: #666 } a { text-decoration: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } a:focus, a:hover { color: #697ea4; text-decoration: none; outline: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ol, ul { padding: 0 } img { max-width: 100%; height: auto } .img-left { margin: -10px 50px 0 0 !important; float: left } .img-right { margin: 0 0 0 50px !important; float: right } b, strong { font-weight: 900 } .entry-page p { margin-bottom: 25px } h1 { font: 48px/48px Georgia, sans-serif } h2 { font: 30px/30px Georgia, sans-serif } h6 { font: 18px/30px Georgia, sans-serif } h1, h2, h3, h6 { color: #000 } .pd-right40 { padding-right: 40px } .text-white { color: #fff } .nopad { padding: 0 0 } .zindex { z-index: 99999 } .mag-top-199px { margin-top: -199px } .pad-top0px { padding-top: 0 } .pad-top50px { padding-top: 50px } .pad-top55px { padding-top: 55px } .pad-top60px { padding-top: 60px } .pad-top65px { padding-top: 65px } .pad-top70px { padding-top: 70px } .pad-top80px { padding-top: 80px } .pad-top85px { padding-top: 85px } .pad-top90px { padding-top: 90px } .pad-top95px { padding-top: 95px } .pad-top130px { padding-top: 130px } .pad-top155px { padding-top: 155px } .pad-top220px { padding-top: 220px } .pad-top180px { padding-top: 180px } .pad-top240px { padding-top: 240px } .pad-top375px { padding-top: 375px } .pad-bottom0px { padding-bottom: 0 } .pad-bottom30px { padding-bottom: 30px } .pad-bottom40px { padding-bottom: 40px } .pad-bottom45px { padding-bottom: 45px } .pad-bottom50px { padding-bottom: 50px } .pad-bottom60px { padding-bottom: 60px } .pad-bottom70px { padding-bottom: 70px } .pad-bottom75px { padding-bottom: 75px } .pad-bottom80px { padding-bottom: 80px } .pad-bottom85px { padding-bottom: 85px } .pad-bottom90px { padding-bottom: 90px } .pad-bottom95px { padding-bottom: 95px } .pad-bottom110px { padding-bottom: 110px } .pad-bottom120px { padding-bottom: 120px } .pad-bottom135px { padding-bottom: 135px } .pad-bottom158px { padding-bottom: 158px } .pad-bottom197px { padding-bottom: 197px } .pad-bottom360px { padding-bottom: 360px } .pad-top80px.main-content { padding: 80px 0 85px } .pad-top90px.main-content { padding: 90px 0 46px } button { border: none } button, input[type=button], input[type=reset], input[type=submit] { font-size: 14px; font-family: Karla, sans-serif; font-weight: 700; color: #fff; background-color: #697ea4; text-transform: uppercase; padding: 24px 120px 21px 124px; letter-spacing: 1.2px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } input, select, textarea { width: 100%; border-style: solid; border-color: #eef1f6; border-width: 1px; background-color: #eef1f6; height: 50px; margin-bottom: 30px; padding: 12px 17px; border-radius: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } input:focus, textarea:focus { border: 1px solid #697ea4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } textarea { width: 100%; height: 150px; padding: 12px 17px } input[type=checkbox] { display: inline } input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder { color: #999; opacity: 1 } input:-ms-input-placeholder { color: #999 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; opacity: 1 } @-webkit-keyframes pop-scale { 0% { -webkit-transform: scale(.7) } 100% { -webkit-transform: scale(1) } } @-moz-keyframes pop-scale { 0% { -moz-transform: scale(.7) } 100% { -moz-transform: scale(1) } } @keyframes pop-scale { 0% { transform: scale(.7) } 100% { transform: scale(1) } } .btn { background-image: none } .dropdown-menu, .navbar .nav>.active>a, .navbar .nav>.active>a:focus, .navbar .nav>.active>a:hover, .uneditable-input, input, textarea { -webkit-appearance: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #999 } .blog-single .entry p { margin-bottom: 30px } .top { border-bottom: 1px solid #eee } .top .top-navigator { text-align: right } .top .top-navigator ul li { display: inline-block; border-right: 1px solid #eee; padding: 15px 35px 16px 28px; position: relative } .top .top-navigator ul li a { font-size: 12px; font-family: Karla, sans-serif; color: #999 } .top .top-navigator ul li a:hover { color: #697ea4 } .top .top-navigator ul li:first-child { border-left: 1px solid #eee } .header { background-color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .header .header-wrap { max-width: 1920px; margin: 0 auto; position: relative } .header .header-wrap .logo { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; margin: 17px 0 17px 0 } .header .header-wrap .show-search { padding-right: 32px; position: absolute; top: 50%; right: 0; margin-top: -17.5px; text-align: center } .header .header-wrap .show-search i { font-size: 12px; color: #fff; width: 35px; height: 35px; line-height: 35px; background-color: #697ea4; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .header .header-wrap .show-search i:hover { border-width: 1px; border-color: #697ea4; border-style: solid; color: #697ea4; background-color: #fff } .header .header-wrap .language-wrap ul li { display: inline-block; padding-right: 21px; position: relative } .header .header-wrap .language-wrap ul li.current a { color: #202020 } .header .header-wrap .language-wrap ul li a:hover { color: #697ea4 } .header .header-wrap .language-wrap ul li.current:after { position: absolute; right: 8px; top: 25px; content: "/"; color: #202020 } .header .header-wrap .language-wrap .btn-menu-active, .header .header-wrap .language-wrap ul { float: right } .header .header-wrap .language-wrap .btn-menu-active { text-align: center; padding: 0 25px; border-left: 1px solid #e5e5e5 } .header .header-wrap .language-wrap .btn-menu-active a { line-height: 73px } .header .header-wrap .language-wrap ul li a { text-transform: uppercase; font-family: Lato, sans-serif; font-size: 12px; color: #a5a5a5; line-height: 73px } .header.is-sticky { background-color: #eef1f6; width: 100%; z-index: 1000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .sticky-wrapper img { max-width: 100px; transform: scale(1); transition: all .3s } .sticky-wrapper.is-sticky img { max-width: 60px; transform: scale(.9) } .header.is-sticky .header-wrap .logo { margin: 14px 0 15px 0 } .header.is-sticky #mainnav>ul>li>a { line-height: 80px; height: 80px; color: #212e66 } .header.is-sticky #mainnav>ul>li>a:hover { color: #999 } .home-boxed .header.is-sticky { width: 95.4% } .nav-wrap { position: relative } #mainnav { float: right; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out } #mainnav ul { list-style: none; margin: 0; padding: 0 } #mainnav>ul>li { float: left } #mainnav ul li { position: relative } #mainnav ul li.has-mega-menu { position: static } #mainnav>ul>li { display: inline-block } #mainnav>ul>li>a { position: relative; display: block; font-family: Karla, sans-serif; text-transform: uppercase; color: #999; text-decoration: none; line-height: 120px; height: 120px; font-weight: 700; padding: 0 33px 0 33px; outline: 0; letter-spacing: 1.8px } #mainnav>ul>li:last-child>a { padding-right: 0 } #mainnav ul.submenu { position: absolute; left: 33px; top: 150%; width: 345px; background-color: #2b3341; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #mainnav ul.right-sub-menu { left: auto; right: 33px } #mainnav ul li:hover>ul.submenu { top: 100%; opacity: 1; visibility: visible; border-top: 1px solid #394151 } #mainnav ul li ul li { margin-left: 0 } #mainnav ul.submenu li ul { position: absolute; left: 360px; top: 0 !important } #mainnav ul.submenu>li { border-top: 1px solid #394151 } #mainnav ul.submenu>li.sub-parent:after { content: "\f105"; font-family: FontAwesome; font-size: 14px; position: absolute; right: 25px; top: 11px; color: #999; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #mainnav ul.submenu li:first-child { border-top: none } #mainnav ul.submenu>li>a { display: block; font-family: Condensed-Black, sans-serif; letter-spacing: 1px; font-size: 13px; color: #999; text-transform: uppercase; text-decoration: none; padding: 0 0 0 26px; line-height: 50px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #mainnav ul.submenu>li>a:hover { background-color: #394151 } #mainnav ul.submenu>li.sub-parent:hover::after { right: 18px } #mainnav>ul>li.home>a, #mainnav>ul>li>a:hover { color: #697ea4 } .btn-menu { display: none; float: right; position: relative; background: 0 0; cursor: pointer; margin: 40px 0; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s } .btn-menu span, .btn-menu:after, .btn-menu:before { background-color: #697ea4; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s } .btn-menu:after, .btn-menu:before { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .btn-menu span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200% } .btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0) } .btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0) } .btn-menu.active span { opacity: 0 } .btn-menu.active:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg) } .btn-menu.active:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg) } .btn-submenu { position: absolute; right: 20px; top: 0; font: 20px/50px FontAwesome; text-align: center; cursor: pointer; width: 70px; height: 44px } .btn-submenu:before { content: "\f107"; color: #fff } .btn-submenu.active:before { content: "\f106" } .btn-menu { display: none } .page-title { position: relative; text-align: center; padding: 117px 0 116px } .page-title .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #697ea4; opacity: .9 } .page-title .page-title-heading h1 { font-family: Georgia, sans-serif; color: #fff; font-size: 48px; line-height: 48px; margin-bottom: 12px; text-transform: capitalize; } .page-title.bg-black-sv .page-title-heading .title { color: #000 } .breadcrumbs ul li { display: inline-block; padding-left: 13px; position: relative } .breadcrumbs ul li:before { position: absolute; left: 3px; top: 0; content: "/"; font-family: Karla, sans-serif; color: #fff; font-size: 12px; line-height: 12px } .breadcrumbs ul li:first-child::before { content: "" } .breadcrumbs ul li, .breadcrumbs ul li a { font-size: 12px; line-height: 12px; font-family: Karla, sans-serif; color: #fff; text-transform: capitalize; } .breadcrumbs ul li a:hover { color: #000 } .main-content { background-color: #eef1f6; padding: 100px 0 70px } .footer-widgets .widget-title { font-size: 20px; color: #fff; display: inline-block } .footer-widgets ul li a { color: #fff } .footer-widgets ul li a:hover { color: #fff } .curriculum-section ul.curriculum li.section { margin-bottom: 45px } .curriculum-section ul.curriculum li.section:last-child { padding-bottom: 50px; border-bottom: 2px solid #eee } .curriculum-section ul.curriculum li.section .section-title { font-family: Karla, sans-serif; font-size: 14px; color: #697ea4; text-transform: uppercase; font-weight: 600; background-color: #eef1f6; border: 1px solid #cfd7e7; padding: 14px 26px 14px 26px; margin-bottom: 5px } .curriculum-section ul li ul.section-content li.course-lesson { background-color: #eef1f6; border: 1px solid #cfd7e7; padding: 15px 26px 15px 26px; margin-bottom: 5px } .curriculum-section ul li ul.section-content li.course-lesson i { font-size: 14px; color: #697ea4; padding-right: 9px } .curriculum-section ul li ul.section-content li.course-lesson .index { font-family: Karla, sans-serif; font-size: 14px; color: #666; font-weight: 600; padding-right: 20px } .curriculum-section ul li ul.section-content li.course-lesson .index.index1 { padding-right: 60px } .curriculum-section ul li ul.section-content li.course-lesson .lesson-title { font-family: Georgia, sans-serif; font-size: 14px; color: #999; padding-right: 20px } .curriculum-section ul li ul.section-content li.course-lesson .lesson-title:hover { color: #697ea4 } .curriculum-section ul li ul.section-content li.course-lesson .lesson-preview { font-family: Karla, sans-serif; font-size: 12px; color: #fff; background-color: #697ea4; padding: 5px 12px; border-radius: 20px } .curriculum-section ul li ul.section-content li.course-lesson a.lesson-preview:hover { background-color: #fff; color: #697ea4 } .curriculum-section ul li ul.section-content li.course-lesson span.lesson-preview { background-color: #999; color: #fff } .curriculum-section ul li ul.section-content li.course-lesson .meta { float: right } .home-boxed .boxed { width: 95.4%; margin: 0 auto; position: relative; background: #fff; height: 100%; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .02); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .02); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .02) } .switcher-container { position: fixed; right: -290px; top: 250px; width: 290px; background-color: #2b3341; z-index: 99999999 } .switcher-container h2 { color: #fff; font-size: 15px; font-weight: 400; font-family: Karla, sans-serif; letter-spacing: 1.5px; text-transform: uppercase; height: 50px; line-height: 50px; padding-left: 50px; padding-right: 85px; margin: 0; font-weight: 400 } .switcher-container h2 a { background-color: #697ea4; display: block; position: absolute; left: -50px; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; outline: 0; color: #fff } .switcher-container h2 a:focus, .switcher-container h2 a:hover { text-decoration: none } .switcher-container h2 i { margin-top: 12px; font-size: 25px; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .switcher-container h3 { font-size: 14px; font-weight: 700; color: #fff; margin: 0; line-height: 22px; margin-bottom: 10px; font-size: 16px; line-height: 30px; font-family: Karla, sans-serif; font-weight: 400 } .switcher-container .selector-box { color: #fff; overflow: hidden } .switcher-container .layout-switcher { margin: 0 0 10px 0; overflow: hidden } .switcher-container .layout-switcher a.layout { float: left; display: block; cursor: pointer; text-align: center; font-weight: 700; padding: 10px 20px; margin-left: 10px } .switcher-container .layout-switcher a.layout:first-child { margin-left: 0 } .switcher-container .layout-switcher a.layout:hover { color: #fff; cursor: pointer } .switcher-container .color-box { height: auto; overflow: hidden; margin-bottom: 6px } .switcher-container .styleswitch { margin-bottom: 10px } .sw-odd { background-color: #394151; padding: 21px 0 30px 50px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .sw-even { background-color: #2b3341; padding: 21px 0 25px 50px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .sw-even a { font-family: Karla, sans-serif; text-transform: uppercase; font-size: 12px; line-height: 40px; color: #fff; border: 1px solid #fff; padding: 10px 26px 10px 27px; margin-right: 10px; letter-spacing: 1.8px } .sw-even a:hover { background-color: #697ea4; border: 1px solid #697ea4; color: #fff !important } .sw-light { background-color: #fff; color: #000 !important } .sw-odd a { font-size: 16px; color: #fff; width: 100%; display: inline-block; line-height: 30px; width: 100%; position: relative; padding-left: 47px } .sw-odd .ws-colors a:before { background: 0 0 } .sw-odd .ws-colors a { position: relative; width: auto; padding: 0; width: 40px; height: 40px; background-color: #697ea4; display: inline-block; margin-right: 20px } .sw-odd .ws-colors a.current:before { position: absolute; left: 12px; top: 6px; font-family: FontAwesome; content: "\f00c"; color: #fff; text-shadow: 0 0 2px #000 } .sw-odd #color2 { background-color: #01bafd } .sw-odd #color3 { background-color: #8dc53e } .sw-odd #color4 { background-color: #f05a29 } .sw-odd #color5 { background-color: #61b1bc } .sw-odd #color6 { background-color: #15557d } .sw-odd #color7 { background-color: #a12c2f } .sw-odd #color8 { background-color: #fe9d68 } .sw-even h3 { margin-bottom: 6px } .sw-pattern.pattern { opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; left: 0; top: 98%; background-color: #000; width: 100%; z-index: -1; padding: 21px 0 30px 50px } .sw-pattern.pattern a { width: 40px; height: 40px; display: inline-block; margin-right: 5px; margin-bottom: 5px; position: relative } .sw-pattern.pattern a.current:before { position: absolute; left: 12px; top: 6px; font-family: FontAwesome; content: "\f00c"; color: #fff; text-shadow: 0 0 2px #000 } .go-top { position: fixed !important; right: -35px; bottom: 15px; width: 46px; border-radius: 50%; cursor: pointer; background-color: #394151; height: 46px; line-height: 45px; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0 } .go-top.show { right: 15px; opacity: 1; visibility: visible } .go-top i { font-size: 18px; color: #fff; padding-bottom: 3px } .go-top:hover { background-color: #697ea4 } .go-top:hover i { color: #fff } footer { background-color: #32406e; padding: 35px 0 25px; color: #999 } footer a { color: #fff } .footer-widgets ul li:last-child a { margin-bottom: 0 } footer a:hover { color: #697ea4 } .sidebar-inner-footer { padding: 31px 0 29px; border-bottom: 2px solid #394151 } .line-top { width: 100%; height: 2px; background-color: #394151 } .footer-widgets { padding-top: 0 } .widget.widget_mc4wp { background-color: #222f52; padding: 30px } .widget.widget_mc4wp label { text-align: center; margin-bottom: 25px; color: #fff } .widget.widget_mc4wp input[type=email] { background-color: #32406e; border-color: #32406e; width: 277px; float: left; margin-bottom: 0; color: #fff } .widget.widget_mc4wp input[type=email]:focus { border-color: #32406e } .widget.widget_mc4wp input[type=submit] { font-size: 14px; color: #fff; text-transform: uppercase; background-color: #32406e; padding: 17px 31px 19px 40px; border-radius: 0; float: right } .widget.widget_mc4wp input[type=submit]:hover { color: #697ea4 } .widget_mc4wp input { width: 100% !important } .load-more { text-align: center } .bottom { background-color: #bb3438 } .copyright { padding: 10px 0; font-size: 12px } .copyright, .copyright a { color: #fff } .bottom ul.flat-socials li { padding: 10px 5px } ul.flat-socials li { display: inline-block } .flat-socials li a { background-color: #fff; width: 30px; height: 30px; display: inline-block; text-align: center; padding: 5px 0; border-radius: 8px } .flat-socials li a i { color: #de292d !important } ul.flat-socials li a i { font-size: 22px; color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: scale(1) } ul.flat-socials li a:hover i { color: #fff; transform: scale(.5) } .parallax { width: 100%; background-attachment: fixed; background-position: 50% 0 } .parallax2 { background-image: url(../images/parallax/bg-parallax2.jpg) } .parallax3 { background-image: url(../images/parallax/bg-parallax3.jpg) } .bg-contact { background-image: url(../images/parallax/bg-parallax5.jpg); background-repeat: no-repeat; background-position: center center } .parallax4 { background-image: url(../images/parallax/bg-parallax4.jpg) } .parallax5 { background-image: url(../images/parallax/bg-parallax5.jpg) } .parallax7 { background-image: url(../images/parallax/bg-parallax7.jpg) } .parallax8 { background-image: url(../images/parallax/bg-parallax8.jpg) } .tp-banner-container { max-height: 789px !important; width: 100% !important; position: relative; overflow: hidden !important; padding: 0; background-color: #fff } .tp-bullets.simplebullets.navbar { height: 35px; padding: 0 0 } .tp-bullets.simplebullets .bullet { cursor: pointer; position: relative !important; background: #fff !important; opacity: .6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 20px !important; height: 5px !important; display: inline-block; margin-right: 5px !important; -webkit-transition: background-color .2s, border-color .2s; -moz-transition: background-color .2s, border-color .2s; -o-transition: background-color .2s, border-color .2s; -ms-transition: background-color .2s, border-color .2s; transition: background-color .2s, border-color .2s; float: none !important } .tp-bullets.simplebullets .bullet.last { margin-right: 0 } .tp-bullets.simplebullets .bullet.selected, .tp-bullets.simplebullets .bullet:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 1; background: #fff !important; width: 20px !important; height: 5px !important } .loader { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 100000 } .block-loader { background-color: #697ea4; float: left; height: 24px; margin-left: 7px; width: 24px; opacity: .1; border-radius: 50%; position: absolute; top: 50%; left: 50%; -moz-animation-name: bounceG; -moz-animation-duration: 1.3s; -moz-animation-iteration-count: infinite; -moz-animation-direction: linear; -moz-transform: scale(.7); -webkit-animation-name: bounceG; -webkit-animation-duration: 1.3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; -webkit-transform: scale(.7); -ms-animation-name: bounceG; -ms-animation-duration: 1.3s; -ms-animation-iteration-count: infinite; -ms-animation-direction: linear; -ms-transform: scale(.7); -o-animation-name: bounceG; -o-animation-duration: 1.3s; -o-animation-iteration-count: infinite; -o-animation-direction: linear; -o-transform: scale(.7); animation-name: bounceG; animation-duration: 1.3s; animation-iteration-count: infinite; animation-direction: linear; transform: scale(.7) } .loader1 { margin-left: -30px; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -ms-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s } .loader2 { margin-left: 0; -moz-animation-delay: 8s; -webkit-animation-delay: .8s; -ms-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s } .loader3 { margin-left: 30px; -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s; -ms-animation-delay: 1.3s; -o-animation-delay: 1.3s; animation-delay: 1.3s } @-moz-keyframes bounceG { 0% { -moz-transform: scale(1.2); opacity: 1 } 100% { -moz-transform: scale(.7); opacity: .1 } } @-webkit-keyframes bounceG { 0% { -webkit-transform: scale(1.2); opacity: 1 } 100% { -webkit-transform: scale(.7); opacity: .1 } } @-ms-keyframes bounceG { 0% { -ms-transform: scale(1.2); opacity: 1 } 100% { -ms-transform: scale(.7); opacity: .1 } } @-o-keyframes bounceG { 0% { -o-transform: scale(1.2); opacity: 1 } 100% { -o-transform: scale(.7); opacity: .1 } } @keyframes bounceG { 0% { transform: scale(1.2); opacity: 1 } 100% { transform: scale(.7); opacity: .1 } } .owl-stage-outer ul li a i { color: #394151 } .col-md-large { float: right; width: 50% } .col-md-large .image-portfolio { height: 520px } .portfolio-row-page ul li { padding: 10px } .portfolio-row-page ul li a { border: 4px solid #bdccff; box-shadow: 0 0 0 4px #ffdedf } .portfolio-row-page ul li a:hover .image-portfolio { transform: scale(1.3) } .image-portfolio { height: 260px; background-size: cover; background-position: 100%; transform: scale(1); transition: all .9s } .portfolio-row-page ul li a { display: block; overflow: hidden; position: relative } h3 { font-size: 2em; font-weight: 700 } h4 { font-size: 1.7em; font-weight: 700; color: #000 } h5 { font-size: 1.4em; font-weight: 700 } .flat-about-us .about-us-img .v1:hover { z-index: 9999 } .flat-about-us .about-us-img .v2:hover { z-index: 9999 } .flat-about-us .about-us-img .v3:hover { z-index: 99999 } .slotholder { position: relative } .overlay-col { position: relative } .overlay-col:before, .slotholder:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .4); z-index: 99 } .overlay-col:before { background-color: rgba(50, 64, 110, .61) } .tp-caption { z-index: 99 } .courses-thumbnail img { height: 200px; object-fit: cover } .video-animation { position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 9999; background: #fff } .col-mt { margin-top: 110px } .overlay-col .container { position: relative; z-index: 99; max-width: 1370px } .white-text .desc p, .white-text h1 { color: #fff !important } .column-3-layout .team-image { position: relative; margin: auto; display: table; width: 110px } .column-3-item { border: 1px solid #cfd7e7; background-color: #eef1f6; text-align: center; padding: 10px; min-height: 450px } .column-3-layout .team-image { position: relative; margin: -69px auto 20px; display: table; width: 110px; height: 110px; border-radius: 100%; overflow: hidden; border: 1px solid #adadad; background: #fff; padding: 9px 0 } .column-3-layout .team-image img { width: 90px; height: 90px; border-radius: 100% } .mb-40 { margin-bottom: 40px } .column-3-layout { background-attachment: fixed; background-position: center; background-size: cover } .gray-bg { background-color: rgba(236, 236, 236, .25) } .position-initial a { position: initial } .equal-heigth { position: relative } .table-col thead tr th { color: #fff } .title-section.style1 .desc p span, .tp-caption span { font-family: angers_scriptregular; margin-top: 20px; display: inline-block; font-size: 20px } .footer-widgets ul li a { color: #fff; text-transform: uppercase; margin-bottom: 10px; display: inline-block } .footer-widgets ul li a:hover:after { width: 100% } .footer-widgets ul li a:after { content: ''; height: 2px; background: #fff; display: block; width: 0; transition: all .3s } ::-webkit-input-placeholder { color: #fff } :-ms-input-placeholder { color: #fff } ::placeholder { color: #fff } .title-font h6 { font-family: TrebuchetMS; color: #fff; font-size: 20px !important } .stellarnav, .stellarnav li { position: relative; line-height: normal } .stellarnav { width: 100%; z-index: 9900 } .stellarnav ul { margin: 0; padding: 0; text-align: center } .stellarnav li { list-style: none; display: block; margin: 0; padding: 0; vertical-align: middle } .stellarnav li a { padding: 10px 15px; display: block; text-decoration: none; color: #777; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out } .stellarnav>ul>li { display: inline-block } .stellarnav>ul>li>a { padding: 20px 15px } .stellarnav ul ul { top: auto; position: absolute; z-index: 9900; text-align: left; display: none; background: #fff; border: 1px solid #ddd; min-width: 150px } .stellarnav li li { display: block } .stellarnav .call-btn-mobile, .stellarnav .dd-toggle, .stellarnav li.call-btn-location, .stellarnav li.call-btn-mobile, .stellarnav.hide-arrows li li.has-sub>a:after, .stellarnav.hide-arrows li.drop-left li.has-sub>a:after, .stellarnav.hide-arrows li.has-sub>a:after { display: none } .stellarnav ul ul ul { top: 0; left: 100% } .stellarnav>ul>li:hover>ul>li:hover>ul { opacity: 1; visibility: visible; top: 0 } .stellarnav>ul>li.drop-left>ul { right: 0 } .stellarnav li.drop-left ul ul { left: auto; right: 100% } .stellarnav.light li a { color: #000 } .stellarnav.light .menu-toggle { color: #000 } .stellarnav.dark, .stellarnav.dark ul ul { background: #000 } .stellarnav.dark li a { color: #fff } .stellarnav.dark .menu-toggle { color: #fff } .stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999 } body.stellarnav-noscroll-x { overflow-x: hidden } .stellarnav li.has-sub>a:after { content: '\f0d7'; font-family: FontAwesome; margin-left: 10px } .stellarnav li li.has-sub>a:after { content: '\f0da'; font-family: FontAwesome; margin-left: 10px } .stellarnav li.drop-left li.has-sub>a:after { float: left; content: '\f0d9'; font-family: FontAwesome; margin-right: 10px } .stellarnav .close-menu, .stellarnav .menu-toggle { display: none; text-transform: uppercase; text-decoration: none } .stellarnav .dd-toggle { position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0 } .stellarnav .dd-toggle i { position: absolute; margin: auto; top: 33%; left: 0; right: 0; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; transition: transform .3s ease-out } .stellarnav.mobile>ul>li>a.dd-toggle { padding: 0 } .stellarnav li.open>a.dd-toggle i { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } @media (max-width:1199px) { .stellarnav>ul>li>a { padding: 20px 15px } } @media (max-width:1048px) { .stellarnav>ul>li>a { padding: 20px 10px } } @media (max-width:991px) { .stellarnav>ul>li>a { padding: 15px } } @media only screen and (max-width:768px) { .stellarnav { overflow: hidden; display: block } .stellarnav ul { position: relative; display: none } } .stellarnav .menu-toggle { color: #777; padding: 15px } .stellarnav.mobile, .stellarnav.mobile.fixed { position: static } .stellarnav.mobile ul { position: relative; display: none; text-align: left; background: #ddd } .stellarnav.mobile.active>ul, .stellarnav.mobile>ul>li { display: block } .stellarnav.mobile.active { padding-bottom: 0 } .stellarnav.mobile>ul>li>a { padding: 15px } .stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none } .stellarnav.mobile ul ul ul { left: auto; top: auto } .stellarnav.mobile li.drop-left ul ul { right: auto } .stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15) } .stellarnav.mobile li.has-sub a { padding-right: 50px } .stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15) } .stellarnav.mobile li a.dd-toggle, .stellarnav.mobile.light li a.dd-toggle { border: 0 } .stellarnav.mobile .close-menu, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .menu-toggle { display: block } .stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box } .stellarnav.mobile li.call-btn-location, .stellarnav.mobile li.call-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center } .stellarnav.mobile li.call-btn-location.full, .stellarnav.mobile li.call-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left } .stellarnav.mobile li.call-btn-location i, .stellarnav.mobile li.call-btn-mobile i { margin-right: 5px } .stellarnav.mobile.light ul { background: #fff } .stellarnav.mobile.dark ul { background: #000 } .stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08) } .stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1) } .stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999 } .stellarnav.mobile li li.has-sub>a:after, .stellarnav.mobile li.drop-left li.has-sub>a:after, .stellarnav.mobile li.has-sub>a:after { display: none } .stellarnav ul li ul li a { border-bottom: 1px solid #ddd; white-space: nowrap } .stellarnav ul li ul li a:active, .stellarnav ul li ul li a:focus, .stellarnav ul li ul li a:hover { color: #fff; background: #697ea4 } footer { padding: 5px 20px; text-align: center; background-color: #962326 } footer ul li { display: inline-block; margin: 0 10px } footer ul li a { font-size: 16px } .copyright p { margin: 0 } .flex-col { display: flex; align-items: center } @media only screen and (max-width:1366px) { #header .header-wrap .show-search { display: none } } @media only screen and (max-width:1199px) { .tp-caption { left: 20px !important } .stellarnav>ul { text-align: right } .stellarnav>ul>li>a { padding: 20px 5px; font-size: 13px !important } .nav-pills>li>a { font-size: 1.1em; padding: 18px 5px; letter-spacing: 0 } } @media only screen and (max-width:991px) { #mainnav { display: none } .btn-menu { display: block } .header .header-wrap .logo { float: left; margin: 15px 0 15px 0 } .btn-menu { margin: 30px 0 } .flat-information>li { margin-left: 20px } .top .top-navigator ul li { padding: 7px 15px 8px 16px } .flat-row, .flat-row.flat-video, .flat-row.portfolio-slides, .main-content, .page-title { padding: 50px 0 } .flat-row.pad-top95px.pad-bottom40px { padding-bottom: 0 } .wrap-form-event { padding: 50px 15px } .about-us.style1 { padding: 40px 0 40px } .field-large input[type=color], .field-large input[type=date], .field-large input[type=datetime-local], .field-large input[type=datetime], .field-large input[type=email], .field-large input[type=month], .field-large input[type=number], .field-large input[type=password], .field-large input[type=search], .field-large input[type=tel], .field-large input[type=text], .field-large input[type=time], .field-large input[type=url], .field-large input[type=week] { height: 50px } .blog-single .entry .main-post .title-post a, .flat-countdown-event .title-countdown, .page-title .page-title-heading h1, .title-section.style3 .title, h1 { font-size: 22px; line-height: 24px } #video-controls .title, .about-us .title-about-us { font-size: 20px; line-height: 22px } #video-controls a { width: 50px; height: 50px; line-height: 50px; font-size: 18px } .flat-event-slide .flex-direction-nav a, .go-top, .switcher-container h2 a { width: 35px; height: 35px; line-height: 35px } .switcher-container h2 i { font-size: 18px; margin-top: 0 } .switcher-container h2 a { left: -35px } .flat-divider.d20px, .flat-divider.d30px, .flat-divider.d33px, .flat-divider.d45px, .flat-divider.d55px, .flat-divider.d60px, .flat-divider.d65px, .flat-divider.d70px, .flat-divider.d75px, .flat-divider.d88px, .flat-divider.d90px { height: 0 } .flat-login, .wrap-blog-fullwidth, .wrap-contactform-home1 { padding: 0 15px } .flat-testimonials-slider #flat-testimonials-flexslider, .title-section { margin-bottom: 40px } .flat-about-us .about-us-img .v1, .flat-about-us .about-us-img .v2, .flat-about-us .about-us-img .v3 { position: relative; width: 50%; float: left } .flat-about-us .about-us-img .v1, .flat-about-us .about-us-img .v2, .flat-about-us .about-us-img .v3, .flat-team.style1 .descritption blockquote:before, .wrap-form-event { left: 0; top: 0 } .flat-teammember .team-image img { top: 0; left: 0 } .flat-contact-form.fillter-courses .all-categories button, .flat-contact-form.fillter-courses .wrap-type-input .wrap { float: none } .flat-event-slide .flex-direction-nav .flex-next { right: 0 } .flat-event-slide .flex-direction-nav .flex-next { top: 50%; margin-top: -25px } .course-list .list-content, .course-list .thumb, .flat-contact-form.fillter-courses .wrap-type-input .wrap, .flat-list.left, .main-content.blog-single-sidebar .entry .feature-post img { padding-right: 0 } .flat-information-box.inf4, .flat-list.right { padding-left: 0 } .flat-contact-form.border-radius input, .flat-contact-form.border-radius select, .flat-contact-form.border-white .wrap.courses-keyword input[type=text], .flat-portfolio .item.w50, .widget.widget_mc4wp input[type=email], .wrap-form-event { width: 100% } .flat-portfolio .item { width: 50% } .widget.widget_mc4wp input[type=submit] { position: absolute } .widget.widget_mc4wp input[type=submit] { right: 30px } .copyright, .flat-iconbox, .flat-socials.text-right, .single-image, .single-image.style1 { text-align: center } ul.flat-socials li:first-child { margin-left: 0 } .blog-single .entry .main-post, .flat-event.style1, .title-section.cl-white.style3.v3 { margin-bottom: 0 } .copyright { padding: 36px 0 15px } .bottom ul.flat-socials li { padding: 15px 0 30px } .flat-about-us .about-us-img .v1, .header .header-wrap:after { display: none } .flat-contact-form.fillter-courses .all-categories { padding-bottom: 25px } .blog-single .entry .main-post, .flat-contact-form.fillter-courses .all-categories button, .wrap-form-event button { padding: 17px 20px } button, input[type=button], input[type=reset], input[type=submit] { padding: 19px 99px 17px 90px } .flat-testimonials-slider #flat-testimonials-flexslider:before { top: 0 } .flat-courses.style1, .flat-iconbox, .flat-iconbox.style1, .footer-widgets .widget { margin-bottom: 30px } .single-image img, .single-image.style1 img { margin: 0 0 0 } .flat-event .event-wrapper .meta .location:before { left: 115px } .flat-testimonials-flex .flex-control-nav { right: 0 } .flat-testimonials-flex .flex-control-nav { top: 100px } .about-us.pad-top55px, .flat-row.pad-top0px.pad-bottom0px { padding: 0 } .flat-one-four { width: 50% } .flat-row.pad-top0px.pad-bottom0px.mag-top-199px { margin-top: 50px } .flat-team.style1 { padding: 30px 0 30px 20px } .flat-information-box.inf1, .flat-information-box.inf2, .flat-information-box.inf4 { padding-right: 0 } .course-list .thumb { margin-bottom: 15px } .fillter-courses.style1 .categories-courses:before, .fillter-courses.style1 .courses-level:before { right: 40px; top: 15px } .flat-portfolio.v1 .flex-control-nav { width: 90% } .flat-teammember .team-image img { position: relative } .flat-grid.margin55px { margin: 0 0 } .flat-login .create-account .link-submit-wrap a { font-size: 13px } .stellarnav>ul>li>a { padding: 7px } .header-wrap img { max-width: 70px } .about-us-img .clearfix { width: 50%; float: left } .about-us { padding: 40px 20px 30px } .flat-about-us .col-md-4 { padding: 0 } .style2 { margin-bottom: 100px } .style2:last-child { margin-bottom: 0 } .flat-teammember .team-image img { top: 0 !important; right: 0; top: 0; left: 0; margin: auto; display: table } .flat-team .profile { margin-bottom: 0 } .flat-team.style1 { padding: 30px 0 0 20px } .col-clear .col-md-4:nth-child(3n+1) { clear: none } .col-clear .col-md-4:nth-child(2n+1) { clear: both } .bod-col:last-child { margin-bottom: 0 } .section-advisory .bod-col:nth-child(5) { margin-bottom: 160px } .mb-adjust { margin-bottom: 160px } .mb-adjust:last-child { margin-bottom: 0 } .stellarnav ul { text-align: right } .col-image-style { border-radius: 0; width: 100%; height: 400px; padding-top: 0; margin-top: 20px } .academics-col-item h2 { text-transform: uppercase; font-size: 20px; margin-bottom: 0 } .title-style { margin-bottom: 10px } .nav-pills>li>a { font-size: 1.1em; padding: 18px 5px; letter-spacing: 0 } .mg-top { margin-top: 50px } .section-contact .col-md-3 { padding: 15px } } .academics-section .nav-pills>li { width: 33%; margin: 0 -8px 0 0 } .academics-section .nav-pills>li>a { font-size: 1.4em; padding: 18px } .academics-section .title-mg h2 { margin-bottom: 3px } .academics-section .title-mg:after { margin-top: 5px } .is-section .nav-pills>li { width: 33%; margin: 0 -8px 0 0 } .is-section .nav-pills>li>a { font-size: 1.3em; padding: 18px } .is-section .title-mg h2 { margin-bottom: 3px } .is-section .title-mg:after { margin-top: 5px } @media only screen and (max-width:767px) { .blog .entry .feature-post, .blog .entry .main-post, .wrap-contactform-home1 .input-wrap, .wrap-contactform-home3 .textarea-wrap, .wrap-contactform-home3 .wrap-type-input { width: 100% } .flat-one-four { width: 50% } .blog .entry .feature-post, .blog .entry .main-post, .course-list .thumb { float: none } .flat-courses { text-align: center; margin-bottom: 30px } .flat-team.style2 { margin: 0 15px 0 70px } .flat-team.style2 { padding: 15px 15px 15px 50px } .flat-team.style2 .team-image img { left: 0 } .testimonials-flexslides1.flat-testimonials-flex.style2 .flex-direction-nav { display: block } .entry.images-left .main-post:before, .entry.images-right .main-post:after, .flex-direction-nav, .row-bg-whiteblack:after { display: none } .course-sidebar, .flat-event.style1 .event-wrapper .meta .location, .flat-testimonials-slider #flat-testimonials-carousel, .wrap-contactform-home3 .textarea-wrap { padding-left: 0 } .content-box .content, .wrap-contactform-home3 .wrap-type-input { padding-right: 0 } .flat-countdown-event { padding: 50px 15px 65px 15px } .flat-countdown-event .circle { width: 80px; height: 80px; margin-right: 10px; padding-top: 5px } .aquarius h2, .flat-countdown-event .circle .numb, .flat-iconbox.center.style4 .flat-counter div { font-size: 22px } .course-widget-featured ul li { overflow: hidden } .flat-event .event-wrapper { overflow: visible } .entry.images-right .main-post { padding-left: 15px } .flat-courses .courses-price p { font-size: 18px } .flat-divider.d50px { height: 0 } .content-box, .course-list>ul>li, .flat-event .event-wrapper, .image, .single-image.style1 { margin-bottom: 30px } .flat-row.pad-top95px.pad-bottom50px, .wrap-contactform-home3 button { padding: 15px 25px } .wrap-contactform-home3 button { font-size: 14px } .list-course { margin-right: 30px; display: flex; -webkit-justify-content: center; justify-content: center } .course-sidebar, .list-course { padding-top: 40px } .main-content.blog-single-sidebar .entry .main-post, .main-content.blog-single-sidebar .section-comment { margin-right: 0 } .widget.widget-instagram .instagram-thumb .thumb { width: 90px } .fillter-courses .categories-courses:before, .fillter-courses .courses-level:before { right: 30px; top: 5px } .blog-single .entry .main-post, .flat-contact-form.fillter-courses .all-categories button, .wrap-form-event button { padding: 12px 20px } .flat-contact-form.border-radius input, .flat-contact-form.border-radius select { height: 50px } .fillter-courses .categories-courses:before, .fillter-courses .courses-level:before { right: 30px; top: 11px } .flat-contact-form.border-white input[type=text], .flat-contact-form.border-white select, .flat-contact-form.border-white textarea { font-size: 12px; line-height: 10px } .blog-single .entry .main-post, .flat-contact-form.fillter-courses .all-categories button, .wrap-form-event button { padding: 17px 40px } .content-box .content p { padding-bottom: 0 } .flat-grid.margin20px { margin: 0 -15px } .wrap-form-event { position: relative; top: -15px } .tp-caption span { font-size: 16px !important } .copyright { padding: 5px } .bottom ul.flat-socials li { padding: 5px 0 5px } .mb-bottom { margin-top: 0 } .sticky-wrapper img { width: 76px !important } div#header-sticky-wrapper { height: 76px !important } } .font-large { font-size: 4.5em !important } @media only screen and (max-width:752px) { .header { z-index: 9999; position: relative } .flex-col { display: block !important; position: relative } .flex-col .col-md-10 { padding: 0; position: sticky } .stellarnav.light .menu-toggle { position: absolute; top: -54px; right: 0; z-index: 999 } .stellarnav.mobile.light>ul { border-top: 1px solid #ddd; margin-top: 15px } .stellarnav.mobile.light ul { z-index: 99999 } .stellarnav.mobile.light li a:active, .stellarnav.mobile.light li a:focus, .stellarnav.mobile.light li a:hover { background-color: #44517b; color: #fff } .stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); height: 48px; padding: 15px 50px 15px 15px !important } .stellarnav.mobile.light li a:hover i { color: #fff } .font-large { font-size: 2.5em !important } .about-us-img .clearfix { width: 100% } .width-full { width: 100% } .style2:first-child { margin-top: 50px } .column-3-item { min-height: initial } } @media only screen and (min-width:480px) and (max-width:767px) { .tp-caption { z-index: 99; left: 20px !important } } .iml-section .nav-pills>li { width: 33%; margin: 0 -8px 0 0 } .iml-section .nav-pills>li>a { font-size: 1.4em; padding: 18px } .iml-section .box-effect a { display: block } .iml-section .image-bg { overflow: hidden; position: relative } .iml-section .tab-content-image:hover { transform: scale(1.2) } .iml-section .tab-content-image { height: 350px; transition: all .3s; transform: scale(1) } @media (max-width:575px) { .width-100 { width: 100% !important } .courses-thumbnail img { height: 300px; object-fit: cover; width: 100% } .remove_div { display: none } .flat-courses:hover .courses-thumbnail .courses-viewmore { top: 0 !important; height: 100%; display: flex; align-items: center } .flat-courses .courses-thumbnail { margin-bottom: 5px } .courses-viewmore br { display: none } .flat-courses .courses-thumbnail .courses-viewmore { font-size: 14x } .top-boxed .col-md-3 { display: none } .iml-section .nav-pills>li { width: 100%; margin: 0 0 10px 0 } .iml-section #myTab2Content { padding-top: 30px } #library, #medical { text-align: center } #library img { margin-top: 20px } .bod-image { width: 130px; height: 130px; margin: -70px auto 0 } .bod-content { padding: 70px 11px 0; text-align: center } .section-os .bod-col { margin-bottom: 100px } .section-os .bod-col:last-child { margin-bottom: 0 } .section-os { padding-top: 100px !important } #map { height: 300px !important } .bod-item h4, .bod-item h5 { font-size: 1.2em } .academics-section .nav-pills>li { width: 100%; margin: 0 0 10px 0 } .is-section .nav-pills>li { width: 100%; margin: 0 0 10px } .is-section br { display: none } .title-style h2 { margin-bottom: 0; font-size: 1.5em } .list-style ul li { font-size: 1.1em } .clearfix-col-shadow { box-shadow: #ccc 0 0 4px; padding: 35px 15px; margin: 0 } .section-contact { padding-top: 40px !important } .bg-contact { min-height: 990px } .wrap-contactform-home1 { margin-top: 220px } textarea { height: 80px } } @media only screen and (max-width:479px) { .col-xs-6, .flat-portfolio .item, .your-rating .rating { width: 100% !important } .your-rating span { padding: 0 } .blog-single .section-comment, .flat-row { padding: 35px 0 } .author-post .flat-socials, .course-author-post .flat-socials, .flat-courses, .flat-iconbox, .top .top-navigator { text-align: left } .flat-iconbox.style1 { text-align: center } .flat-countdown-event .circle { margin-right: 2px } .list-course { margin-right: 55px } .blog-single .feature-post, .flat-contact-form.border-radius select, .flat-countdown-event .circle { margin-bottom: 20px } .flat-information>li.phone { margin-left: 0 } .flat-row.pad-top85px.pad-bottom85px, .top .language { padding: 15px 0 10px } .top-navigator { border-top: 1px solid #eee } .widget.widget_mc4wp { padding: 32px 15px 15px } .widget.widget_mc4wp input[type=submit] { padding: 17px 15px 19px 15px } .blog-single .entry .main-post .entry-post ul, .course-single .course-entry .content-desc ul { padding-left: 25px } .author-post .flat-socials, .course-author-post .flat-socials { margin-top: 26px } .author-post .author .author-meta, .course-author-post .author .author-meta { padding-top: 0 } .blog-pagination .flat-pagination li.next, .flat-event .event-wrapper { padding-right: 0 } .course-rating .average-rating { margin-right: 0 } .course-comment-respond .wrap-type-input .input-wrap, .course-rating .average-rating, .flat-one-four { width: 100% } .comment-post .comment .comment-avatar img, .course-comment-post .comment .comment-avatar img, .course-comment-respond .wrap-type-input .input-wrap.name { float: none } .blog-pagination .flat-pagination li.prev { padding-left: 0 } .blog-pagination .flat-pagination li, .blog-pagination .flat-pagination li.active, .blog-pagination .flat-pagination li.prev { margin-left: 0 } .flat-contact-form.border-radius.style1 input, .flat-contact-form.border-radius.style1 select { height: 50px } .fillter-courses.style1 .categories-courses:before, .fillter-courses.style1 .courses-level:before { right: 30px; top: 7px } .flat-countdown-event { padding: 50px 0 65px 0 } } @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-moz-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) { .flat-accordion .toggle-title.active:after { background: url(../images/icon/sub%402x.png); background-size: 26px 10px } .flat-accordion .toggle-title:after { background: url(../images/icon/add%402x.png); background-size: 26px 26px } .widget_search .search-form .search-submit { background: url(../images/icon/search-icon%402x.png); background-size: 30px 30px } } #loading, #loading_index { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; display: block; opacity: 1; background-color: #fff; z-index: 9999; text-align: center; overflow: hidden } #loading-image { z-index: 100; animation: spinner 3.5s linear infinite; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100px; max-height: 100px } .loading-percentage { width: 100px; height: 100px; margin: auto; display: table } @keyframes spinner { to { transform: rotate(360deg) } } #loading-image_index { max-width: 200px; max-height: 136px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 100 } #loading-image_index img { animation: spinner 3.5s linear infinite; margin: auto; max-width: 100px; max-height: 100px } #loading-image_index span { display: block; font-size: 20px; font-weight: 700; margin-top: 10px } .blink { animation: blinker 1.5s linear infinite; color: #1c87c9; font-size: 30px; font-weight: 700; font-family: sans-serif } @keyframes blinker { 50% { opacity: 0 } } .stellarnav.light li a.blink { background: #32406e; color: #fff } .top-boxed .col-md-9 { padding-right: 0 } .top-boxed .col-md-3 { padding-left: 0 } .top-boxed .col-md-3, .top-boxed .col-md-9 { float: none } .top-boxed .row { display: flex; align-items: center } marquee { padding: 10px 0 0; color: #fff; text-transform: uppercase; font-size: 17px; width: 100%; font-weight: 700 } .top { background: #bb3438 } .top .top-navigator ul li a { font-size: 16px; color: #fff } .top .top-navigator ul li { border-right: 1px solid #eee; padding: 10px 15px; position: relative } .show { opacity: 1 } .modal-backdrop.fade { opacity: .8 } .modal { top: 50px } .modal-open .modal { overflow-x: hidden; overflow-y: auto; z-index: 999999 } .modal-dialog { width: 100%; max-width: 970px } .modal-body, .modal-header { padding: 0 } .modal-content, .modal-header { border: none !important; box-shadow: none !important } iframe { display: block } button.btn.btn-primary.btn-lg { position: fixed; z-index: 9999; top: 53%; left: auto; right: 10px; bottom: 0; height: 66px; margin: auto; background: #de292d; border-color: #de292d; border-radius: 10px; outline: 0 } .modal.fade .modal-dialog { transform: translate(0) } .modal-title { margin: 0; padding: 5px; text-align: center; font-size: 20px } .modal-header .close { margin-top: 0; position: absolute; right: -20px; background-color: #138eb3; opacity: 1; text-shadow: none; font-size: 40px; width: 40px; height: 40px; color: #fff; top: -20px; left: auto; font-weight: 100; padding: 2px 0 } .modal-title sup { font-size: 14px; top: -10px } #Admission_modal .modal-dialog { max-width: 500px; text-align: center } #Admission_modal .modal-dialog p { font-size: 1.3em !important; color: #000; padding: 50px } .fa-angle-up:before { content: "\f106" } .col-border-style:before { border-top: 5px solid #ce0f13; border-left: 5px solid #ce0f13 } .col-border-style:after { border-right: 5px solid #697ea4; border-bottom: 5px solid #697ea4 } .portfolioFilter a.current { background: 0 0; border: 1px solid transparent } .portfolioFilter a.current { background: 0 0 !important; border: 1px solid transparent !important } .portfolioFilter a.current svg { fill: #ffd3d4 !important } .isotope-item { z-index: 2 } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1 } .isotope, .isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; transition-duration: .8s } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity } .lg-toolbar .lg-icon#lg-download { display: none } .portfolioFilter a .gallery_col_image { position: relative; overflow: hidden; height: 210px; margin-bottom: 10px; } .portfolioFilter a img { transition: all .3s; transform: scale(1); height: 210px; width: 100%; object-fit: cover; object-position: top; border: 2px solid #ce0f13; } .portfolioFilter a { color: #666; text-decoration: none; display: inline-block; text-transform: uppercase; font-size: 1.2em; padding: 20px; text-align: center } .portfolioFilter a:hover img { transition: all .3s; transform: scale(1.2) } .portfolioFilter a span { display: block } @media(max-width:991px) { .portfolioFilter a.current { background: #8e1113 !important; border: 1px solid #8e1113 !important } } @media(max-width:767px) { .header-wrap .ms_logo img { max-width: 50px !important; margin-top: 4px } .header-wrap .ms_logo { position: absolute; left: 0; right: 0; top: 0; bottom: auto; margin: auto; display: table; width: 80px } .navbar-toggle { margin-top: 16px } } @media(max-width:480px) { .blog-post-summary-journal { padding: 15px 10px; width: 100%; margin: 0 auto 0 auto } .blog-post-image { margin-bottom: 0 } .blog-post-summary-journal h2 { font-size: 1.1em } #microsoft_video .modal-header .close { right: 0 } .modal-header .close { font-size: 22px; width: 30px; height: 30px; padding: 0; top: -9px; right: -4px } } .navbar-nav>li>a { color: #000 } .navbar-nav>li>a.blink { font-size: 14px; background-color: #788bad; color: #fff } .navbar { margin: 0; border-radius: 0 } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee0; color: #de292d } .navbar-nav ul.sm-nowrap>li>a { white-space: nowrap; padding: 10px; border-bottom: 1px solid #ddd } .dropdown-menu { margin: 0; padding: 0 } @media(max-width:767px) { .navbar-header { position: absolute; right: 0; left: auto; top: 0; bottom: auto; z-index: 99 } .navbar-toggle .icon-bar { height: 4px; background: #f52323 } .navbar { margin: 0; border-radius: 0; position: absolute; top: 0; background-color: #fff; z-index: 99; width: 100%; left: 0; min-height: inherit } .navbar-nav li a { border-bottom: 1px solid #ddd; padding: 15px !important; position: relative } .navbar-nav { margin: 0 } .navbar-collapse { box-shadow: none; padding: 0 } .nav>li>a:focus, .nav>li>a:hover, .navbar-nav .dropdown-menu>li>a:focus, .navbar-nav .dropdown-menu>li>a:hover, .navbar-nav.sm-collapsible a.has-submenu:focus, .navbar-nav.sm-collapsible a.has-submenu:hover { color: #fff; text-decoration: none; background-color: #788bad } body .navbar-nav.sm-collapsible .caret, body .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; margin: 0; padding: 0; width: 52px; height: 50px; text-align: center; border-width: 1px; border-style: solid; background: #5d7297; top: 0; border-radius: 0; line-height: 46px; color: #fff; font-size: 2.2em } .navbar-nav li:first-child a { border-top: 1px solid #ddd } } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee0; border-color: #337ab700 } .navbar-nav:not(.sm-collapsible) ul .caret { position: absolute; right: 0; margin-top: 6px; margin-right: 15px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px dashed } .navbar-nav:not(.sm-collapsible) ul a.has-submenu { padding-right: 30px } .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret { position: absolute; right: 0; margin: -3px 15px 0 0; padding: 0; width: 32px; height: 26px; line-height: 24px; text-align: center; border-width: 1px; border-style: solid } .navbar-nav.sm-collapsible .caret:before { content: '+'; font-family: monospace; font-weight: 700 } .navbar-nav.sm-collapsible .open>a>.caret:before { content: '-' } .navbar-nav.sm-collapsible a.has-submenu { padding-right: 50px } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret { position: static; margin: 0 0 0 2px; padding: 0; width: 0; height: 0; border-top: 4px dashed; border-right: 4px solid transparent; border-bottom: 0; border-left: 4px solid transparent } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before { content: '' !important } .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu { padding-right: 15px } .navbar-nav span.scroll-down, .navbar-nav span.scroll-up { position: absolute; display: none; visibility: hidden; height: 20px; overflow: hidden; text-align: center } .navbar-nav span.scroll-down-arrow, .navbar-nav span.scroll-up-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-top: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid; border-left: 7px dashed transparent } .navbar-nav span.scroll-down-arrow { top: 6px; border-top: 7px solid; border-right: 7px dashed transparent; border-bottom: 7px dashed transparent; border-left: 7px dashed transparent } .navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header, .navbar-nav.sm-collapsible ul .dropdown-menu>li>a { padding-left: 35px } .navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header, .navbar-nav.sm-collapsible ul ul .dropdown-menu>li>a { padding-left: 45px } .navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header, .navbar-nav.sm-collapsible ul ul ul .dropdown-menu>li>a { padding-left: 55px } .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header, .navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu>li>a { padding-left: 65px } .navbar-nav .dropdown-menu>li>a { white-space: normal } .navbar-nav ul.sm-nowrap>li>a { white-space: nowrap } .navbar-nav.sm-collapsible ul.sm-nowrap>li>a { white-space: normal } .navbar-right ul.dropdown-menu { left: 0; right: auto } ul.flat-socials li { display: block } .flat-socials li a { border-radius: 4px; border: 1px solid #bb2629 } .flat-socials { position: fixed; right: 10px; left: auto; top: auto; bottom: 280px; z-index: 99 } .magzine_box a:hover { transform: scale(1.2); } .magzine_box { text-align: center; position: relative; overflow: hidden; border: 8px solid #790e12; } .magzine_box a:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgb(0 0 0 / 49%); } .magzine_box a h3 { color: white; width: 100%; position: relative; z-index: 1; padding: 0 15px; margin: 0; } .magzine_box a { display: flex; align-items: center; height: 400px; background-size: cover; background-position: 100%; position: relative; } @media(max-width: 595px) { .magzine_box a { display: flex; align-items: center; height: 450px; background-size: cover; background-position: 100%; position: relative; } .flat-row { padding-top: 40px !important; } .col-mt { margin-top: 40px; } } .wp-pagenavi { text-align: center; padding-top: 20px; } body .wp-pagenavi a, body .wp-pagenavi span { border: 1px solid #bb3438; color: #bb3438; width: 35px; height: 35px; display: inline-block; border-radius: 100%; } body .wp-pagenavi .pages { width: auto; height: auto; border-radius: 0; border: none; } body .wp-pagenavi a:hover, body .wp-pagenavi a:focus, body .wp-pagenavi a:active { background-color: #962326; color: white; border-color: #962326; } body .wp-pagenavi span.current { font-weight: bold; background: #962326; color: white; border: 1px solid #962326; }
Save
Cancel